Shelly Logo アイコン
cbi:shelly-logo
Shelly Logo アイコン(cbi:shelly-logo)は、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
- タグ
- shellylogo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.397 12.178c-2.822-.028-6.386-.269-8.397.555v-1.901l.396-1.822l.713-1.743l.159-.079l.158-.476l.158-.079v-.158l.159-.08v-.158l.237-.158V5.92l.317-.238v-.158l.634-.555l.555-.633h.158l.238-.317h.158l.079-.159h.159l.158-.237l.317-.08l.079-.158l.476-.158l.079-.159l.396-.079V2.91l.317-.08v-.079l1.743-.554h.396c.441-.131.974-.159 1.584-.159c2.065 0 3.574.4 4.833 1.189l.475.158l.079.158l.317.08l.159.237h.158l.079.159c.446.304.998.642 1.268 1.109h-.238c-.169-.153-.725-.079-1.03-.079c-.912 0-2.164-.144-2.931.079l-1.109.079v.079l-.634.08v.079l-.475.079v.079h-.159v.079h-.237v.08l-.317.079l-.079.158h-.159l-.079.159h-.158l-.238.317l-.238.158v.158l-.237.159l-.08.396h-.079v.158h-.079c-.069.177-.163 1.627-.079 1.902h.079v.317h.079l.238 1.109c.59 1.361 1.855 3.93.713 5.545l-.317.238l-.317.396h-.158l-.08.158c-.62.393-2.37.857-3.406.555h-.555v-.079h-.316v-.08h-.317v-.079h-.238v-.079h-.158v-.079h-.238v-.079h-.159v-.08h-.158l-.079-.158H5.01l-.158-.238h-.159l-.079-.237l-.237-.159v-.158h-.08v-.238c-.22-.608.053-.879.159-1.347l.317-.237v-.08h.158l.079-.158l1.109-.396l2.456-.079c.796-.243 1.646-.65 1.822-1.506m7.764-5.466l-.079.238h-.08v.158h-.079v.159h-.079v.158h-.079v.159h-.079v.158c-.206.386-.57.837-.634 1.347h3.565l.713-.634v.079h.079l.079.476h.079v.237h.08v.317h.079v.317h.079v.475c.442 1.523.057 3.687-.396 4.833l-.079.475c-1.29 2.935-3.445 4.841-6.576 5.942h-.316v.079h-.317v.079h-.476c-1.531.444-3.762.065-4.911-.396h-.238v-.079h-.158v-.079l-.951-.317l-.079-.159l-.476-.158v-.079l-.237-.08l-.079-.158h-.159l-.079-.159h-.159l-.158-.237h-.158l-.159-.238h-.158l-.476-.554h.159c.25.229.796.051 1.188.158c.804.22 3.173.13 3.882-.079l.871-.079v-.08l.634-.079v-.079h.238v-.079h.237v-.08h.238v-.079h.238v-.079h.237v-.079l.317-.079v-.08l.317-.079v-.079h.159v-.079h.158v-.08h.158l.08-.158h.158l.079-.158h.159l.237-.317h.159l.237-.317h.08v-.159l.317-.237l.079-.317l.158-.079l.079-.396h.08v-.159h.079v-.317c.255-.783.158-1.736-.079-2.456v-.316h-.08v-.238h-.079v-.238h-.079v-.237h-.079v-.238h-.079l-.08-.475h-.079v-.159h-.079l-.079-.396h-.08l-.079-.475h-.079V9.96h-.079v-.237h-.079v-.238h-.08v-.238h-.079V9.01c-.117-.297-.403-.89-.237-1.426h.079l.079-.396c.206-.112.404-.319.634-.397h.475c.635-.184 1.683-.079 2.456-.079"/></svg>Shelly Logo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:shelly-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:shelly-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:shelly-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--shelly-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:shelly-logo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:shelly-logo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/shelly-logo.svg" alt="Shelly Logo アイコン" width="24" height="24">Shelly Logo アイコン のよくある質問
Shelly Logo アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Shelly Logo アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:shelly-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shelly Logo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/shelly-logo.svg" alt="Shelly Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。