Phone Multiple Settings icon
Used to represent bulk device setting actions. The Phone Multiple Settings icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Phone Multiple Settings icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { PhoneMultipleSettings24Regular, PhoneMultipleSettings24Filled } from "@fluentui/react-icons";
export function Example() {
return <PhoneMultipleSettings24Regular aria-label="Phone Multiple Settings" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_phone_multiple_settings_24_regular.svg" width="24" height="24" alt="Phone Multiple Settings"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.27821 2.97561C3.59297 4.06587 2.93858 5.1993 1.83701 5.47184L1.25282 5.61637C1.20791 5.90407 1.18457 6.19924 1.18457 6.50006C1.18457 6.81474 1.21011 7.12325 1.25916 7.42348L1.79862 7.55339C2.91113 7.82131 3.57246 8.96632 3.2486 10.0639L3.06232 10.6951C3.50145 11.0808 4.00192 11.3939 4.54645 11.6167L5.03974 11.098C5.8283 10.2687 7.15057 10.2689 7.93885 11.0985L8.43755 11.6232C8.98112 11.403 9.48109 11.0928 9.92036 10.7103L9.72233 10.0244C9.40757 8.93417 10.062 7.80074 11.1635 7.52821L11.7472 7.38379C11.7922 7.09608 11.8155 6.80089 11.8155 6.50006C11.8155 6.18531 11.7899 5.87674 11.7409 5.57644L11.2019 5.44665C10.0894 5.17873 9.42808 4.03372 9.75194 2.93619L9.93811 2.30531C9.49897 1.91958 8.99848 1.60636 8.45391 1.38353L7.9608 1.90208C7.17224 2.73132 5.84997 2.7311 5.06169 1.90159L4.56291 1.37671C4.01935 1.59691 3.51938 1.90705 3.0801 2.28944L3.27821 2.97561ZM6.50003 8.00006C5.6994 8.00006 5.05036 7.32848 5.05036 6.50006C5.05036 5.67163 5.6994 5.00006 6.50003 5.00006C7.30067 5.00006 7.94971 5.67163 7.94971 6.50006C7.94971 7.32848 7.30067 8.00006 6.50003 8.00006ZM7.5 12.9236C7.17403 12.9739 6.84007 13 6.5 13C6.33176 13 6.16502 12.9936 6 12.9811V17.25C6 18.4926 7.00736 19.5 8.25 19.5H13.75C14.9926 19.5 16 18.4926 16 17.25V4.25C16 3.00736 14.9926 2 13.75 2H11.1904C11.6168 2.44427 11.9806 2.94898 12.2678 3.5H13.75C14.1642 3.5 14.5 3.83579 14.5 4.25V17.25C14.5 17.6642 14.1642 18 13.75 18H8.25C7.83579 18 7.5 17.6642 7.5 17.25V12.9236ZM9.75 15.5C9.33579 15.5 9 15.8358 9 16.25C9 16.6642 9.33579 17 9.75 17H12.25C12.6642 17 13 16.6642 13 16.25C13 15.8358 12.6642 15.5 12.25 15.5H9.75ZM8.62793 20.5C8.93681 21.3739 9.77024 22 10.7499 22H14.2499C16.5971 22 18.4999 20.0972 18.4999 17.75V6.75002C18.4999 5.77036 17.8738 4.93693 16.9999 4.62805V17.75C16.9999 19.2688 15.7687 20.5 14.2499 20.5H8.62793Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/phone_multiple_settings_24_regular.svg";Details
| Name | Phone Multiple Settings |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_phone_multiple_settings_24_regular.svg |
| Filled file | ic_fluent_phone_multiple_settings_24_filled.svg |
| React components | PhoneMultipleSettings24Regular, PhoneMultipleSettings24Filled |
| License | MIT (© Microsoft Corporation) |