App Store アイコン

Q: App Store アイコンは商用利用でも無料ですか?

はい。Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

flat-ui:app-store

App Store アイコン(flat-ui:app-store)は、Flat UI Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で App Store アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flat UI Icons をすべて見る →