Amaze アイコン

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

cbi:amaze

Amaze アイコン(cbi:amaze)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.117 16.255a21.7 21.7 0 0 1-6.769-1.135a9 9 0 0 1-1.062-.5C2.438 14.121 2 13.567 2 12.982a1.2 1.2 0 0 1 .047-.354a4.7 4.7 0 0 1 .341-.915a6.33 6.33 0 0 1 3.371-2.907a15 15 0 0 1 4.928-1.032a18 18 0 0 1 1.338-.032c.695 0 .84 0 1.331.032a13.26 13.26 0 0 1 6.013 1.566c.183.109.451.289.61.407a5.14 5.14 0 0 1 1.949 2.735a1.2 1.2 0 0 1 .07.457a1 1 0 0 1-.054.391q-.291.9-2 1.63a19.9 19.9 0 0 1-5.892 1.218c-.352.027-.734.049-1.231.07c-.256.01-1.426.017-1.708.006Zm1.535-.177a30 30 0 0 0 1.581-.089a16.2 16.2 0 0 0 5.734-1.346c.859-.442 1.363-.953 1.479-1.5a1 1 0 0 0 .014-.223a.9.9 0 0 0-.056-.37c-.254-.765-1.3-1.452-2.987-1.953a23 23 0 0 0-.773-.213a20 20 0 0 0-1.424-.272a28.2 28.2 0 0 0-7.553-.111a18.3 18.3 0 0 0-3.399.724c-1.946.626-2.941 1.5-2.762 2.435c.1.536.6 1.04 1.451 1.48a12 12 0 0 0 2.9.956a25 25 0 0 0 4.327.478c.141 0 .284.011.315.011c.11.007.959 0 1.159-.011m-1.559-.365a23.6 23.6 0 0 1-4.876-.621a8.4 8.4 0 0 1-2.578-1.023a1.6 1.6 0 0 1-.812-1.024c-.055-.413.262-.857.9-1.26a14.6 14.6 0 0 1 6.154-1.523a27 27 0 0 1 2.307-.07c.674.006 1.093.02 1.674.059c2.942.2 5.391.83 6.555 1.7a1.29 1.29 0 0 1 .664 1.084a1.14 1.14 0 0 1-.358.666a3.5 3.5 0 0 1-.994.681a15.1 15.1 0 0 1-4.964 1.208a30 30 0 0 1-1.742.121c-.232.009-1.663.013-1.931.007m1.074-.95a.7.7 0 0 0 .287-.158a.64.64 0 0 0-.09-1.007a.6.6 0 0 0-.358-.105a.65.65 0 0 0-.647.56a.6.6 0 0 0 .061.363a.66.66 0 0 0 .483.359a1 1 0 0 0 .264-.014Zm.285-2.562a11.5 11.5 0 0 0 3.342-.754c.278-.111.306-.126.336-.192a.2.2 0 0 0 0-.14a.2.2 0 0 0-.111-.094c-.068-.018-1.128-.111-1.829-.162a22 22 0 0 0-3.281-.054c-.782.051-1.717.137-2.757.254c-.439.05-.584.068-.611.079a.17.17 0 0 0-.093.11a.15.15 0 0 0 .014.127c.03.065.073.084.43.2a14 14 0 0 0 3.449.643q.555.012 1.112-.011Z"/></svg>

Amaze アイコンの使い方

React

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

<Icon icon="cbi:amaze" width="24" />

Vue

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

<template>
  <Icon icon="cbi:amaze" width="24" />
</template>

Svelte

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

<Icon icon="cbi:amaze" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--amaze]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:amaze"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:amaze"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/amaze.svg" alt="Amaze アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

他のアイコンセットの Amaze アイコン

Amaze アイコンのよくある質問

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。

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

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

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

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

Custom Brand Icons をすべて見る →