Uninstall App icon
Used for plugins, apps, tools. Tied to Apps & Apps Add In. The Uninstall App 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 Uninstall App 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 { UninstallApp24Regular, UninstallApp24Filled } from "@fluentui/react-icons";
export function Example() {
return <UninstallApp24Regular aria-label="Uninstall App" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_uninstall_app_24_regular.svg" width="24" height="24" alt="Uninstall App"> 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="M21.6947 8.85354L21.7788 8.78092C22.0451 8.51465 22.0693 8.09799 21.8514 7.80438L21.7788 7.72026L19.5588 5.50159L21.7788 3.28228C22.0451 3.01602 22.0693 2.59935 21.8514 2.30574L21.7788 2.22162C21.5125 1.95536 21.0959 1.93115 20.8022 2.149L20.7181 2.22162L18.4988 4.44159L16.2801 2.22162C16.0139 1.95536 15.5972 1.93115 15.3036 2.149L15.2195 2.22162C14.9532 2.48789 14.929 2.90455 15.1469 3.19816L15.2195 3.28228L17.4378 5.50159L15.2195 7.72026C14.9532 7.98652 14.929 8.40319 15.1469 8.6968L15.2195 8.78092C15.4858 9.04718 15.9024 9.07139 16.196 8.85354L16.2801 8.78092L18.4988 6.56259L20.7181 8.78092C20.9844 9.04718 21.4011 9.07139 21.6947 8.85354ZM18.75 21.0004C19.9926 21.0004 21 19.993 21 18.7504V13.5004C21 12.2578 19.9926 11.2504 18.75 11.2504H12.75V5.25041C12.75 4.00777 11.7426 3.00041 10.5 3.00041H5.25C4.00736 3.00041 3 4.00777 3 5.25041V18.7504C3 19.993 4.00736 21.0004 5.25 21.0004H18.75ZM11.25 11.2514H4.5V5.25041C4.5 4.83619 4.83579 4.50041 5.25 4.50041H10.5C10.9142 4.50041 11.25 4.83619 11.25 5.25041V11.2514ZM18.75 19.5004H12.75V12.7504H18.75C19.1642 12.7504 19.5 13.0862 19.5 13.5004V18.7504C19.5 19.1646 19.1642 19.5004 18.75 19.5004ZM11.25 19.5004H5.25C4.83579 19.5004 4.5 19.1646 4.5 18.7504V12.7514L11.25 12.7504V19.5004Z" 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/uninstall_app_24_regular.svg";Details
| Name | Uninstall App |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_uninstall_app_24_regular.svg |
| Filled file | ic_fluent_uninstall_app_24_filled.svg |
| React components | UninstallApp24Regular, UninstallApp24Filled |
| License | MIT (© Microsoft Corporation) |