App Store icon

Use the App Store 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 { AppStore24Regular, AppStore24Filled } from "@fluentui/react-icons";

export function Example() {
  return <AppStore24Regular aria-label="App Store" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_app_store_24_regular.svg" width="24" height="24" alt="App Store">

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="M17.75 3C19.5449 3 21 4.45507 21 6.25V17.75C21 19.5449 19.5449 21 17.75 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45507 3 6.25 3H17.75ZM17.75 4.5H6.25C5.2835 4.5 4.5 5.2835 4.5 6.25V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H17.75C18.7165 19.5 19.5 18.7165 19.5 17.75V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5ZM9.36867 15.2541L8.85939 16.1264C8.65044 16.484 8.19113 16.6046 7.83346 16.3956C7.50562 16.2041 7.377 15.8022 7.51877 15.461L7.5642 15.3697L7.63067 15.2541H9.36867ZM13.2926 10.0241L15.0116 13.0041L16.7519 13.0049C17.1316 13.0049 17.4454 13.2871 17.495 13.6532L17.5019 13.7549C17.5019 14.1346 17.2197 14.4484 16.8537 14.4981L16.7519 14.5049L15.8766 14.5041L16.3789 15.3742C16.5859 15.733 16.4628 16.1916 16.104 16.3986C15.7752 16.5884 15.3624 16.5008 15.1364 16.2085L15.0796 16.1238L12.4216 11.5161L13.2926 10.0241ZM13.2631 7.10146C13.591 7.29299 13.7196 7.69491 13.5778 8.03605L13.5324 8.12738L10.6826 13.0039L12.414 13.0048L13.279 14.5048L7.25158 14.5049C6.83736 14.5049 6.50158 14.1692 6.50158 13.7549C6.50158 13.3753 6.78373 13.0615 7.14981 13.0118L7.25158 13.0049L8.94558 13.0049L11.1265 9.27093L10.4641 8.12385C10.2744 7.79497 10.362 7.38216 10.6542 7.15621L10.739 7.09942C11.0679 6.90967 11.4807 6.99725 11.7066 7.28952L11.7634 7.37425L11.9965 7.77993L12.2372 7.37073C12.4461 7.01308 12.9055 6.89252 13.2631 7.10146Z" 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/app_store_24_regular.svg";

Details

Keywords

collectionui