Phone Subtract icon
Used to represent a physical or digital mobile phone scenarios. The Phone Subtract 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 Subtract 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 { PhoneSubtract24Regular, PhoneSubtract24Filled } from "@fluentui/react-icons";
export function Example() {
return <PhoneSubtract24Regular aria-label="Phone Subtract" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_phone_subtract_24_regular.svg" width="24" height="24" alt="Phone Subtract"> 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="M13.75 2C14.9926 2 16 3.00736 16 4.25L16.0002 11.1739C15.4723 11.2986 14.9693 11.4876 14.4999 11.7323L14.5 4.25C14.5 3.83579 14.1642 3.5 13.75 3.5H6.25C5.83579 3.5 5.5 3.83579 5.5 4.25V19.75C5.5 20.1642 5.83579 20.5 6.25 20.5L11.7328 20.5011C12.02 21.052 12.384 21.5566 12.8104 22.0008L6.25 22C5.00736 22 4 20.9926 4 19.75V4.25C4 3.00736 5.00736 2 6.25 2H13.75ZM8.74887 17.5038L11 17.499C11 18.0162 11.0602 18.5184 11.1739 18.9998L8.75113 19.0038C8.33692 19.0044 8.00062 18.6691 8 18.2549C7.99938 17.8407 8.33466 17.5044 8.74887 17.5038ZM17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM20.4966 18C20.7725 18 20.9961 17.7762 20.9961 17.5C20.9961 17.2239 20.7725 17 20.4966 17H14.4956C14.2197 17 13.9961 17.2239 13.9961 17.5C13.9961 17.7762 14.2197 18 14.4956 18H20.4966Z" 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_subtract_24_regular.svg";Details
| Name | Phone Subtract |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_phone_subtract_24_regular.svg |
| Filled file | ic_fluent_phone_subtract_24_filled.svg |
| React components | PhoneSubtract24Regular, PhoneSubtract24Filled |
| License | MIT (© Microsoft Corporation) |