Amaze Alt アイコン
cbi:amaze-alt
Amaze Alt アイコン(cbi:amaze-alt)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- amazealt
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.004 18.569c-2.363 0-4.442-.385-5.743-.976c-1.241.282-2.046.608-2.311.873c.565.556 3.475 1.429 8.045 1.429s7.48-.873 8.045-1.429c-.265-.265-1.061-.599-2.311-.873c-1.283.591-3.363.976-5.725.976m9.885-.882c-.163-.667-.522-1.84-1.147-2.499c-.325-.342-1.019-.745-1.96-1.121l-3.509-9.295c.796-.179 1.284-.428 1.284-.701v-.856c0-.557-2.029-1.002-4.528-1.002s-4.527.454-4.527 1.002v.856c0 .273.488.513 1.275.693l-3.423 9.234c-1.258.514-2.191 1.13-2.568 1.729c-.916 1.455-.779 2.474-.779 2.474c0 1.985 4.476 3.586 9.997 3.586S22 20.178 22 18.201c0-.18-.043-.343-.111-.514M12.457 5.072c.077 0 .146 0 .223-.009c1.027.12 1.994.514 2.259 1.216l.146.376c.291.77-1.104 1.686-2.628 1.832ZM12.449 9.3c1.386-.086 2.524-.625 3.106-1.387l2.183 5.777a20 20 0 0 0-5.306-.907ZM9.633 4.918c.582.077 1.249.128 1.968.145l-.008 3.467c-1.421.051-2.662.308-3.569.736Zm-2.208 5.974l.043-.112c.41-.864 2.045-1.386 4.125-1.455l-.009 3.45h-.274c-2.387-.155-4.193-1.053-3.885-1.883m-.462 1.241c.359.376.924.701 1.626.941c-.77.146-1.498.325-2.174.539Zm-4.168 5.049c0-.008 0 0 0 0m17.091 2.371a8.7 8.7 0 0 1-1.549.531c-1.618.41-3.86.667-6.333.667s-4.716-.257-6.334-.667a10 10 0 0 1-.582-.163a6.5 6.5 0 0 1-.967-.368c-.693-.325-1.078-.693-1.078-1.087c0-1.258 4.014-2.285 8.961-2.285s8.96 1.018 8.96 2.285c0 .394-.393.762-1.078 1.087"/></svg>Amaze Alt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:amaze-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:amaze-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:amaze-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--amaze-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:amaze-alt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:amaze-alt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/amaze-alt.svg" alt="Amaze Alt アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Amaze Alt アイコン のよくある質問
Amaze Alt アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Amaze Alt アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:amaze-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Amaze Alt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/amaze-alt.svg" alt="Amaze Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。