Tado アイコン
cbi:tado
Tado アイコン(cbi:tado)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.813 10.124a2.2 2.2 0 0 0-.7-.045a2.4 2.4 0 0 0-1.278.474a3.17 3.17 0 0 0-.018 4.451a2.4 2.4 0 0 0 1.839.473c2.608-.325 2.705-4.851.157-5.353m.652 3.782a1.261 1.261 0 0 1-2.373-.07c-.451-.955-.229-2.77 1.038-2.951a1.31 1.31 0 0 1 1.358.833a2.66 2.66 0 0 1-.023 2.188m-9.443-3.618a1.85 1.85 0 0 0-1.1-.216H6.57v.788h1.366c.238 0 .464-.015.611.21s.072.632.072.893a7 7 0 0 0-1.594.051a2 2 0 0 0-.875.452a1.713 1.713 0 0 0 .788 2.878a1.87 1.87 0 0 0 1.278-.068a.8.8 0 0 0 .386-.319h.017v.385h.946v-3.467c0-.608.026-1.205-.543-1.587m-.429 3.635c-.129.716-1.17.9-1.69.513a.98.98 0 0 1-.28-1.054a.86.86 0 0 1 .28-.4a1.1 1.1 0 0 1 .508-.218a7 7 0 0 1 1.188-.013a7 7 0 0 1-.006 1.172m11.986-5.42a1.3 1.3 0 0 0-.526.2a1.2 1.2 0 0 0-.344.338a1.273 1.273 0 0 0 1.255 1.954a1.2 1.2 0 0 0 .49-.191a1.268 1.268 0 0 0-.875-2.301m.665 2.051a.9.9 0 0 1-.35.125a.945.945 0 0 1-.666-1.709a1 1 0 0 1 .421-.152a.945.945 0 0 1 .595 1.736m-6.636-2.059h-.946v2.032a2.52 2.52 0 0 0-1.61-.445a2.33 2.33 0 0 0-1.279.485a3.2 3.2 0 0 0-.174 4.25a2.35 2.35 0 0 0 3.01.254a2.52 2.52 0 0 0 .881-1.374a7.7 7.7 0 0 0 .118-2.067Zm-1.11 5.2a1.28 1.28 0 0 1-1.446.999c-1.242-.172-1.4-1.913-1.037-2.854a1.4 1.4 0 0 1 1.037-.955a1.4 1.4 0 0 1 .419 0c1.205.216 1.339 1.88 1.027 2.81m-9.764.735c-.25-.236-.158-.683-.158-.999V10.86h2.679v-.788H3.576V8.986l-.017-.491l-.631.216l-.252.1l-.028.335v.929H2v.788h.63v2.8a1.54 1.54 0 0 0 .6 1.499a3.1 3.1 0 0 0 1.611.183v-.771c-.33-.003-.85.098-1.107-.144"/></svg>Tado アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:tado" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:tado" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:tado" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--tado]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:tado"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:tado"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/tado.svg" alt="Tado アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
他のアイコンセットの Tado アイコン
Tado アイコン のよくある質問
Tado アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Tado アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:tado" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tado アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/tado.svg" alt="Tado アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。