Echo Show 8 Gen 2 アイコン
cbi:echo-show-8-gen-2
Echo Show 8 Gen 2 アイコン(cbi:echo-show-8-gen-2)は、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
- タグ
- echoshow、showgen、echoshowgen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.802 16.583c-.045-.19-.082-.38-.132-.565s-.085-.353-.124-.531c-.549-2.448-1.129-4.884-1.699-7.325q-.189-.822-.383-1.643a3.3 3.3 0 0 0-.655-1.558a1.97 1.97 0 0 0-1.543-.47l-2.393-.135c-2.625-.142-5.248-.3-7.873-.447c-.799-.044-1.599-.075-2.392-.135a3.7 3.7 0 0 0-1.425.016c-.349.115-.548.533-.758.866a2.4 2.4 0 0 0-.373.68A5 5 0 0 0 2.041 6.7c.033.882.037 1.776.106 2.657c.071.923.061 1.86.112 2.788a32.6 32.6 0 0 0 .57 4.634a7.4 7.4 0 0 0 .553 1.943a2.6 2.6 0 0 0 1.011.985a2.84 2.84 0 0 0 1.215.556a5 5 0 0 0 .587-.013a4.6 4.6 0 0 0 .799-.034l-.014.05l.12-.05a5 5 0 0 0 1.3.05v-.03h.632v-.018h-.188v-.016l.4-.017v.017h-.063v.016l.282-.05v.017h-.028v.017H9.5l-.014-.033l.514-.016v.016h-.066v.016l.16-.016v-.016h-.053v-.018l.3.034l.2-.052l.644-.047v.016h-.039v.016h.08v-.016H11.2v-.016l1.637-.1l2.66-.132l.955-.066l1.236-.065l.363-.051h.013c.036-.045.066-.055.108-.016h.013l.188-.045l.51-.03l1.386-.1l.55-.128a2.1 2.1 0 0 1 .47-.406c.029-.022.159-.11.12-.142a1.1 1.1 0 0 0 .322-.233c.466-.511.214-1.357.071-1.973M18.691 4.942l.04.05l-.053-.033Zm-1.316.132l.106.7l-.783-.034a3 3 0 0 1-.135-.682ZM4.859 18.67l-.1-.6a9 9 0 0 1-.164-.806l-.229-1.394c-.252-1.558-.515-3.113-.772-4.67l-.561-3.314c0-.02 0-.034-.009-.052l-.481-2.845l-.025.2l-.148.116l.013.05c-.084.03-.168.219-.2.315l-.041-.016l.013.067l-.041-.017l-.026.282h-.015c-.01-.3-.073-.726.187-.9a.4.4 0 0 1 .147-.25l.148-.317l.191-.3l-.161.432l-.02.155h.036a1 1 0 0 1 .006-.115c0 .038.011.074.013.112l.038-.007l2.351 13.847Zm16.097-1.019c-.064.04-.182.013-.251.013a5 5 0 0 0-.565.02c-.829.1-1.681.07-2.512.1q-2.183.063-4.366.181c-1.236.067-2.473.067-3.709.134c-.846.047-1.693.055-2.54.1c-.224.01-.448.03-.672.03c-.056 0-.184.03-.23-.016c-.046-.047-.04-.132-.049-.183q-.037-.23-.078-.465q-.173-.942-.325-1.892q-.588-3.609-1.231-7.207q-.234-1.334-.456-2.675c-.008-.05-.034-.142.013-.173c.056-.034.161-.008.224-.008c.2 0 .394.028.591.032c.761.01 1.523.06 2.284.1c2.652.134 5.299.205 7.954.349c.619.032 1.238.049 1.854.08c.236.015.476 0 .713.03a4 4 0 0 0 .55.022c.062 0 .17-.023.221.032a.5.5 0 0 1 .056.183l.1.45l.39 1.709c.5 2.148.979 4.299 1.478 6.445l.451 1.977l.109.464c.015.047.048.138 0 .169Z"/></svg>
Echo Show 8 Gen 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:echo-show-8-gen-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:echo-show-8-gen-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:echo-show-8-gen-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--echo-show-8-gen-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:echo-show-8-gen-2"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:echo-show-8-gen-2"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/echo-show-8-gen-2.svg" alt="Echo Show 8 Gen 2 アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Echo Show 8 Gen 2 アイコン のよくある質問
Echo Show 8 Gen 2 アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Echo Show 8 Gen 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:echo-show-8-gen-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Echo Show 8 Gen 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/echo-show-8-gen-2.svg" alt="Echo Show 8 Gen 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
ICONYZ
