App Store icon
flat-ui:app-store
The App Store icon (flat-ui:app-store) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
- Tags
- appstore
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#EBEEEF" d="M49.978 0c27.619 0 50.008 22.39 50.008 50.009c0 27.618-22.39 49.993-50.008 49.993S0 77.627 0 50.009S22.359 0 49.978 0"/><path fill="#0074DF" d="M49.98 6.001c24.305 0 44.008 19.703 44.008 44.007S74.285 94.002 49.98 94.002S6.001 74.314 6.001 50.008c0-24.304 19.675-44.007 43.979-44.007"/><path fill="#fff" d="M22.004 59.015h4.18l6.386-11.018H22.005zM44.88 47.998l-6.639 10.987l25.113.031l-6.604-11.019zm34.12 0H66.966l5.317 11.019h6.718zM52.897 26.649c-4.282-6.613-5.646-5.591-5.646-5.591s-1.401.9 1.976 8.142c8.114 17.399 13.184 24.938 13.184 24.938l4.336-2.512s-8.324-16.444-13.85-24.977m14.51 26.125l-4.25 2.547l4.062 6.424l3.375-2.141zm10.348 17.779c-3.521-7.052-6.41-9.614-6.41-9.614l-3.406 2.08s2.17 7.709 4.772 11.063c1.431 1.844 3.884.604 3.884.604s2.406-1.637 1.16-4.133m-51.501-8.157l5.749 3.912l12.468-21.25l-6.031-3.723zm-3 10.376l7.938-5.069l-5.749-3.816c-.002 0-1.598 6.406-2.189 8.885m15.935-32.777l6.094 3.691l2.75-4.774l-5.875-3.786zm10.401-5.249c-.175-1.023-2.943-2.956-4.08-2.876c-1.52.106-2.383 1.887-2.383 1.887l5.75 3.724s.912-1.564.713-2.735"/><path fill="#0167C8" d="M49.98 6.001c-12.91 0-24.516 5.56-32.559 14.416C25.228 13.324 35.597 9.001 46.98 9.001c24.305 0 44.008 19.703 44.008 44.008c0 11.387-4.325 21.76-11.421 29.569c8.857-8.048 14.421-19.655 14.421-32.57c0-24.304-19.703-44.007-44.008-44.007"/></svg>
How to use the App Store icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:app-store" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:app-store" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:app-store" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--app-store]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:app-store"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:app-store"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/app-store.svg" alt="App Store icon" width="24" height="24">
App Store icon in other icon sets
App Store icon FAQ
Is the App Store icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the App Store icon in React?
Install @iconify/react and render <Icon icon="flat-ui:app-store" />, or use “Copy code” on this page to get a standalone React component.
How do I add the App Store icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/app-store.svg" alt="App Store icon">, or paste the SVG code inline to style it with CSS.
Browse all Flat UI Icons →
ICONYZ
