App Store Outline アイコン
basil:app-store-outline
App Store Outline アイコン(basil:app-store-outline)は、Basil セットの無料 SVG アイコンです（作者: Craftwork）。 24 × 24 のグリッドで描かれています。 Basil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.196 17.942a2 2 0 0 0-.073-.322h6.962l1.575 2.546c.785 1.295 2.46 1.697 3.753.979c1.285-.715 1.797-2.32 1.095-3.637c1.125-.328 1.992-1.341 1.992-2.617c0-1.56-1.298-2.729-2.777-2.729h-2.438l-2.519-3.966l-.025-.039a1.75 1.75 0 0 0-.805-.651l1.134-1.89c.803-1.338.301-3.023-1.026-3.76a2.82 2.82 0 0 0-3.043.197a2.83 2.83 0 0 0-3.045-.2c-1.327.738-1.829 2.423-1.026 3.762l.847 1.411l-3.081 5.136h-2.42C1.799 12.162.5 13.33.5 14.892c0 1.275.868 2.289 1.993 2.616c-.703 1.318-.192 2.924 1.094 3.639c1.285.713 2.95.32 3.74-.958l.48-.728a2.34 2.34 0 0 0 .404-1.307c0-.009 0-.005-.001-.001l-.004-.05a3 3 0 0 0-.01-.161M6.06 19.386l.502-.763c.163-.233.15-.466.15-.466c-.103-.709-1.52-.857-1.52-.857c-.602-.055-.903.237-1.025.405l-.318.452a1.204 1.204 0 0 0 .467 1.678c.61.34 1.391.138 1.744-.45m11.651-5.723h3.012c.705 0 1.277.55 1.277 1.228c0 .679-.572 1.229-1.277 1.229h-1.521c-.23 0-.192.123-.17.168l1.12 1.867c.352.588.143 1.34-.468 1.679c-.61.339-1.392.137-1.744-.45l-3.936-6.36c-.239-.457-.925-1.968-.324-3.297c0 0 .503-1.193.82-.727l2.879 4.534l.002.004c.035.04.125.111.33.124M13.01 16.12c.622 0 .46-.787.46-.787c-.244-1.614-2.036-1.67-2.036-1.67h-1.71c-.17-.015-.162-.098-.14-.15l5.2-8.668a1.204 1.204 0 0 0-.467-1.678c-.61-.34-1.392-.138-1.744.45L12 4.568l-.573-.954c-.352-.588-1.133-.79-1.744-.45c-.61.34-.82 1.09-.467 1.678L10.45 6.9a.26.26 0 0 1 0 .252l-3.737 6.23l-.003-.002s-.11.257-.572.282H3.277c-.705 0-1.277.55-1.277 1.23c0 .678.572 1.228 1.277 1.228z" clip-rule="evenodd"/></svg>App Store Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="basil:app-store-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="basil:app-store-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="basil:app-store-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[basil--app-store-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/basil -->
<div class="i-basil:app-store-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="basil:app-store-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/basil/app-store-outline.svg" alt="App Store Outline アイコン" width="24" height="24">Basil の関連アイコン
App Store Outline アイコン のよくある質問
App Store Outline アイコンは商用利用でも無料ですか?
はい。Basil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で App Store Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="basil:app-store-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
App Store Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/basil/app-store-outline.svg" alt="App Store Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。