Echo Dot Gen 4 Clock アイコン
cbi:echo-dot-gen-4-clock
Echo Dot Gen 4 Clock アイコン(cbi:echo-dot-gen-4-clock)は、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
- タグ
- echodot、dotgen、genclock、echodotgenclock
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.698 20.167s.456.719.698.76a25.5 25.5 0 0 0 5.616.565a23.2 23.2 0 0 0 5.689-.591a7.4 7.4 0 0 1 .813-.731a32.2 32.2 0 0 1-6.427.619a32 32 0 0 1-6.389-.622m16.283-8.117c-.668 2.673-5.031 6.792-11.412 7.165c-3.744.217-5.762-.505-7.325-2.094a13.3 13.3 0 0 0 1.753 2.424a22 22 0 0 0 6.128.776c6.216.043 8.095-.832 8.095-.832a9.78 9.78 0 0 0 2.761-7.439m-15.139.757l.129-.223h.498v-1.268h-.443l-.129-.222l-.13.222h-.495v1.268h.44Zm5.768 5.699c3.356-.643 8.349-3.278 9.299-7.242c.438-1.823-3.055-9.43-10.717-8.713c-7.809.732-10.773 9.53-8.39 13.434c1.98 3.24 6.645 3.127 9.808 2.521m-.293-5.551l.13-.224l-.13-.222v-1.415l.189-.299l.13-.223h.504l.13.223l.129-.223h.494l.189.223l.13.224l.063 1.565l-.13.223l.13.223v1.415l-.19.299l-.129.224h-.504l-.129-.224l-.189.15h-.493l-.189-.224l-.127-.299Zm-.356-1.937l.048 1.566l-.13.223l.13.223v1.415l-.13.299l-.13.224h-.499l-.13-.224l-.129.224h-.506l-.187-.224l-.19-.373v-1.415l.13-.224l-.122-.216v-1.422l.13-.299l.13-.223h.503l.13.223l.129-.223h.504l.19.223Zm-3.113 1.119c.063-.074.063-.074.129-.074s.13 0 .13.149a.32.32 0 0 1 .063.222a.27.27 0 0 0-.063.15c-.062.074-.062.074-.13.074s-.129 0-.129-.074a.42.42 0 0 1 0-.447m-.068.968c.064-.075.064-.075.13-.075s.13 0 .13.075a.32.32 0 0 1 .062.224c.068.149.005.223.005.299c-.062.073-.062.073-.13.073a.15.15 0 0 1-.129-.149c0-.074-.13-.149-.13-.223a.32.32 0 0 1 .062-.224m-2.823-.074l.129-.222l-.129-.224v-1.343l.129-.295l.13-.224h.505l.125.224l.129-.224h.503l.194.224l.13.223l-.018 1.488l-.13.223l.13.224v1.342l-.13.224l-.188.224h-.501l-.129-.224l-.13.224h-.492l-.19-.224l-.062-.297Zm-2.083.074l.188-.224l-.129-.223v-1.342l.129-.222l.13-.225h.502l.129.225l.13-.225h.504l.13.225l.13.222l-.013 1.342l-.13.223l.13.224v1.342l-.13.224l-.128.224H4.95l-.13-.224l-.13.224h-.498l-.191-.224l-.129-.224Zm2.968 1.491l.129-.225h.498v-1.266h-.443l-.129-.224l-.13.224h-.495v1.266h.44Zm-2.589-.813l.315-.746h.19v.448l-.379.894h.315l.129.223l.13-.223h.44v-1.342l.13-.149l-.13-.223l.003-.753l-.315.82h-.128v-.447l.377-.969h-.377l-.13-.142l-.129.149l-.441.075v1.267l-.129.223l.129.223Zm7.122-1.129h-.189v-.521l.442-.894h-.378l-.13-.224l-.129.224h-.506v1.341l-.129.225l.129.222l-.062.746l.378-.82h.19v.447l-.443.969h.379l.129.224l.13-.224h.504v-1.342l.13-.222l-.13-.225l.064-.746Zm1.261 1.122l.378-.82h.189l-.063.447l-.378.968h.314l.19.225l.129-.225h.498v-1.415l.129-.224l-.129-.148l.063-.824l-.376.894h-.19v-.521l.44-.97h-.378l-.129-.222l-.13.222h-.504l-.053 1.421l-.13.223l.13.223Zm.166-10.156l.575-.168l.289.352l.172-.044l-.289-.358l.497-.145l-.074-.126l-.52.151l-.24-.297l-.191.034l.258.314l-.545.16Z"/></svg>
Echo Dot Gen 4 Clock アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:echo-dot-gen-4-clock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:echo-dot-gen-4-clock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:echo-dot-gen-4-clock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--echo-dot-gen-4-clock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:echo-dot-gen-4-clock"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:echo-dot-gen-4-clock"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/echo-dot-gen-4-clock.svg" alt="Echo Dot Gen 4 Clock アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Echo Dot Gen 4 Clock アイコン のよくある質問
Echo Dot Gen 4 Clock アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Echo Dot Gen 4 Clock アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:echo-dot-gen-4-clock" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Echo Dot Gen 4 Clock アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/echo-dot-gen-4-clock.svg" alt="Echo Dot Gen 4 Clock アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
ICONYZ
