أيقونة App Store

flat-ui:app-store

أيقونة App Store (flat-ui:app-store) أيقونة SVG مجانية من مجموعة Flat UI Icons من تصميم Designmodo, Inc.. مرسومة على شبكة 100 × 100. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Flat UI Icons
المؤلف: Designmodo, Inc.
الترخيص: MIT
الحجم: 100 × 100
الوسوم: appstore

تنزيل SVG

شيفرة SVG

<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>

كيفية استخدام أيقونة App Store

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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/flat-ui/app-store.svg" alt="أيقونة App Store" width="24" height="24">

أيقونة App Store في مجموعات أخرى

الأسئلة الشائعة حول أيقونة App Store

هل أيقونة App Store مجانية للاستخدام التجاري؟

نعم. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة App Store في React؟

ثبّت @iconify/react واعرض <Icon icon="flat-ui:app-store" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة App Store إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/flat-ui/app-store.svg" alt="أيقونة App Store">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Flat UI Icons →