ICONYZ
日本語
Fontisto の App Store アイコン

App Store アイコン

fontisto:app-store

App Store アイコン(fontisto:app-store)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fontisto
作者
Kenan Gündoğan
ライセンス
MIT
サイズ
24 × 24
カテゴリ
ブランド
タグ
appstore
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.434 4.693a1 1 0 0 1 .598-.458l.007-.002a.87.87 0 0 1 .754.099l-.003-.002c.219.139.382.349.458.597l.002.008a.9.9 0 0 1-.123.777l.002-.003l-4.21 7.307h3.077c.467 0 .87.274 1.057.671l.003.007a1.3 1.3 0 0 1 .02 1.313l.003-.007H5.105a.98.98 0 0 1-.699-.291a.96.96 0 0 1-.29-.688v-.027c0-.27.111-.513.29-.688a.98.98 0 0 1 .699-.291h.028h-.001h2.516l3.193-5.564l-.971-1.739a.9.9 0 0 1-.119-.781l-.002.006a1.08 1.08 0 0 1 .456-.602l.004-.003a.86.86 0 0 1 .757-.095l-.006-.002c.26.069.473.235.602.455l.003.005l.435.774zM7.257 17.66a1.2 1.2 0 0 1-.62.458l-.008.002a.88.88 0 0 1-.753-.099l.003.002a.97.97 0 0 1-.459-.598l-.001-.007a1.1 1.1 0 0 1 .099-.78l-.003.006l.726-1.21a1.71 1.71 0 0 1 1.932.577l.003.004zm11.661-4.644h.027c.273 0 .52.111.699.291c.179.175.29.418.29.688v.014v-.001v.014c0 .27-.111.513-.29.688a.98.98 0 0 1-.699.291h-.028h.001h-1.403l.968 1.645a1 1 0 0 1 .071.782l.002-.007a1.08 1.08 0 0 1-.456.602l-.004.003a.87.87 0 0 1-.755.095l.006.002a1 1 0 0 1-.602-.455l-.003-.005l-3.629-6.338a2.82 2.82 0 0 1-.384-2.05l-.003.018c.091-.523.352-.974.723-1.304l.002-.002l2.903 5.032zM11.999.001h.077c2.185 0 4.229.602 5.976 1.65l-.053-.029a12.2 12.2 0 0 1 4.348 4.322l.031.056a11.5 11.5 0 0 1 1.621 5.923v.081V12v.077c0 2.185-.602 4.229-1.65 5.976l.029-.053a12.2 12.2 0 0 1-4.322 4.348l-.056.031A11.5 11.5 0 0 1 12.077 24h-.081H12h-.077c-2.185 0-4.229-.602-5.976-1.65l.053.029a12.2 12.2 0 0 1-4.348-4.323L1.621 18A11.5 11.5 0 0 1 0 12.077v-.154c0-2.185.602-4.229 1.65-5.976L1.621 6a12.2 12.2 0 0 1 4.322-4.348l.056-.031A11.5 11.5 0 0 1 11.922 0h.081h-.004zM22.451 12v-.09c0-1.901-.52-3.681-1.426-5.205l.026.047a10.5 10.5 0 0 0-3.772-3.771l-.05-.027a10.17 10.17 0 0 0-5.183-1.402h-.075h.004h-.075c-1.899 0-3.677.521-5.197 1.429l.046-.026a10.5 10.5 0 0 0-3.771 3.771l-.027.05a10.17 10.17 0 0 0-1.403 5.186v.065v-.003v.075c0 1.899.521 3.677 1.429 5.197l-.026-.046a10.5 10.5 0 0 0 3.772 3.771l.05.027a10.17 10.17 0 0 0 5.186 1.403h.067h-.003h.075c1.899 0 3.677-.521 5.197-1.429l-.046.026a10.5 10.5 0 0 0 3.775-3.773l.027-.05a10.1 10.1 0 0 0 1.403-5.174v-.055v.003z"/></svg>

App Store アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fontisto:app-store" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontisto:app-store" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontisto:app-store" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--app-store]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:app-store"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontisto:app-store"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/app-store.svg" alt="App Store アイコン" width="24" height="24">

Fontisto の関連アイコン

他のアイコンセットの App Store アイコン

App Store アイコン のよくある質問

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

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

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

@iconify/react をインストールして <Icon icon="fontisto:app-store" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

App Store アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/app-store.svg" alt="App Store アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fontisto アイコン をすべて見る →