Apple Alt アイコン
uit:apple-alt
Apple Alt アイコン(uit:apple-alt)は、Unicons Thin Line セットの無料 SVG アイコンです（作者: Iconscout）。 24 × 24 のグリッドで描かれています。 Unicons Thin Line icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Unicons Thin Line
- 作者
- Iconscout
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ブランドロゴ
- タグ
- applealt
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.326 16.207a3.89 3.89 0 0 1-2.368-3.587a4 4 0 0 1 1.925-3.375a.5.5 0 0 0 .15-.707a5.13 5.13 0 0 0-4.02-2.2a4 4 0 0 0-.518-.016a6.07 6.07 0 0 0 1.402-4.376a.485.485 0 0 0-.516-.446a6.165 6.165 0 0 0-5.55 5.335a5.2 5.2 0 0 0-2.006-.451A5.42 5.42 0 0 0 4.261 9.14c-1.785 3.1-.668 7.78 1.29 10.611c.76 1.099 1.901 2.748 3.5 2.748l.088-.001a4.3 4.3 0 0 0 1.616-.426a3.8 3.8 0 0 1 1.641-.393c.54.005 1.073.135 1.555.379a4.1 4.1 0 0 0 1.755.415c1.655-.03 2.66-1.497 3.466-2.675a11.5 11.5 0 0 0 1.447-2.978a.503.503 0 0 0-.293-.614M13.051 4.244a5.36 5.36 0 0 1 2.874-1.685a5.2 5.2 0 0 1-1.228 3.16a4.9 4.9 0 0 1-1.413 1.16l-.018.01l-.12.048a4 4 0 0 1-1.013.316a1.3 1.3 0 0 1-.327-.057a5.1 5.1 0 0 1 1.245-2.952m5.295 14.99c-.889 1.3-1.6 2.221-2.658 2.24a3.1 3.1 0 0 1-1.34-.333a4.5 4.5 0 0 0-1.952-.461a4.7 4.7 0 0 0-2.033.473a3.4 3.4 0 0 1-1.262.346l-.051.001c-.99 0-1.832-1.095-2.677-2.316c-1.527-2.21-2.924-6.63-1.245-9.544a4.42 4.42 0 0 1 3.714-2.256h.042a5.2 5.2 0 0 1 1.827.478q.198.079.39.152q.036.016.075.027c.304.125.628.196.957.212a4.1 4.1 0 0 0 1.38-.386a5.25 5.25 0 0 1 2.428-.531a4.2 4.2 0 0 1 2.963 1.376a4.91 4.91 0 0 0-1.946 3.918a4.85 4.85 0 0 0 2.57 4.299a10.6 10.6 0 0 1-1.182 2.305"/></svg>Apple Alt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="uit:apple-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="uit:apple-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="uit:apple-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[uit--apple-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/uit -->
<div class="i-uit:apple-alt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="uit:apple-alt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/uit/apple-alt.svg" alt="Apple Alt アイコン" width="24" height="24">他のアイコンセットの Apple Alt アイコン
Apple Alt アイコン のよくある質問
Apple Alt アイコンは商用利用でも無料ですか?
はい。Unicons Thin Line icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple Alt アイコンを使うには?
@iconify/react をインストールして <Icon icon="uit:apple-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Alt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/uit/apple-alt.svg" alt="Apple Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。