Phone Update icon
Used to represent an update for the phone. The Phone Update 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 Update 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 { PhoneUpdate24Regular, PhoneUpdate24Filled } from "@fluentui/react-icons";
export function Example() {
return <PhoneUpdate24Regular aria-label="Phone Update" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_phone_update_24_regular.svg" width="24" height="24" alt="Phone Update"> 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="M15.75 2C16.9926 2 18 3.00736 18 4.25V19.75C18 20.9926 16.9926 22 15.75 22H8.25C7.00736 22 6 20.9926 6 19.75V4.25C6 3.00736 7.00736 2 8.25 2H15.75ZM15.75 3.5H8.25C7.83579 3.5 7.5 3.83579 7.5 4.25V19.75C7.5 20.1642 7.83579 20.5 8.25 20.5H15.75C16.1642 20.5 16.5 20.1642 16.5 19.75V4.25C16.5 3.83579 16.1642 3.5 15.75 3.5ZM12 7.03091C12.3797 7.03091 12.6935 7.31306 12.7432 7.67914L12.75 7.78091L12.7493 14.4919L13.7113 13.5308C13.9776 13.2645 14.3943 13.2403 14.6879 13.4582L14.772 13.5308C15.0383 13.7971 15.0625 14.2137 14.8446 14.5073L14.772 14.5915L12.5303 16.8331L12.4921 16.8688L12.4296 16.9177L12.3631 16.9592L12.3026 16.9893L12.2019 17.0253L12.1393 17.0398L12.0468 17.0514H11.9532L11.8615 17.04L11.7651 17.0153L11.6535 16.9682L11.5767 16.922L11.4697 16.8331L9.228 14.5915C8.93511 14.2986 8.93511 13.8237 9.228 13.5308C9.49427 13.2645 9.91093 13.2403 10.2045 13.4582L10.2887 13.5308L11.2493 14.4919L11.25 7.78091C11.25 7.43573 11.4832 7.14502 11.8006 7.0577L11.8982 7.03776L12 7.03091Z" 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_update_24_regular.svg";Details
| Name | Phone Update |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_phone_update_24_regular.svg |
| Filled file | ic_fluent_phone_update_24_filled.svg |
| React components | PhoneUpdate24Regular, PhoneUpdate24Filled |
| License | MIT (© Microsoft Corporation) |