Nanoleaf Ropelight アイコン
cbi:nanoleaf-ropelight
Nanoleaf Ropelight アイコン(cbi:nanoleaf-ropelight)は、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
- タグ
- nanoleafropelight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.513 10.44a2.73 2.73 0 0 0 .015-3.809a2.732 2.732 0 1 0-3.928 0a2.73 2.73 0 0 0 .015 3.809a2.73 2.73 0 0 0 .024 3.85a2.73 2.73 0 0 0-.544 3.11a.217.217 0 0 0 .342.066a.4.4 0 0 0 .1-.445a2.17 2.17 0 0 1 .534-2.381a2 2 0 0 1 .228-.186a.2.2 0 0 0 0-.332a2 2 0 0 1-.228-.187a2.17 2.17 0 0 1-.03-3.136a2 2 0 0 1 .222-.189a.21.21 0 0 0 0-.336a2 2 0 0 1-.222-.189a2.167 2.167 0 0 1-.018-3.088a2 2 0 0 1 .218-.19a.213.213 0 0 0 0-.339a2 2 0 0 1-.218-.191a2.172 2.172 0 1 1 3.068 0a2 2 0 0 1-.218.191a.213.213 0 0 0 0 .339a2 2 0 0 1 .218.19a2.167 2.167 0 0 1-.018 3.088a2 2 0 0 1-.222.189a.21.21 0 0 0 0 .336a2 2 0 0 1 .222.189a2.17 2.17 0 0 1-.03 3.136a2 2 0 0 1-.228.187l-.034.024a.175.175 0 0 0 0 .288l.034.024a2 2 0 0 1 .228.186a2.171 2.171 0 0 1-1.378 3.756a2.3 2.3 0 0 1-1.032-.189a6 6 0 0 1-.71-.224a4 4 0 0 0-.494-.144a.91.91 0 0 0-.987.29a1.2 1.2 0 0 0-.023 1.12c.5.895 2.434.589 3.016.474a7.7 7.7 0 0 1 1.786-.193c.247.008.392.084.413.133c.011.027 0 .146-.205.367a1.53 1.53 0 0 1-.81.33a3.1 3.1 0 0 1-1.33-.058a13.6 13.6 0 0 0-2.894-.357a.84.84 0 0 0-.68.614a1.07 1.07 0 0 0 .48 1.054c.119.094.479.383 2.19.383c.627 0 1.218-.037 1.549-.063a.27.27 0 0 0 .245-.293a.293.293 0 0 0-.313-.264c-.352.027-.918.06-1.481.06c-1.367 0-1.741-.182-1.839-.261c-.213-.17-.321-.353-.289-.487a.3.3 0 0 1 .253-.2a14.7 14.7 0 0 1 2.624.344a3.05 3.05 0 0 0 2.706-.434c.324-.354.427-.678.307-.962a.95.95 0 0 0-.91-.476a8.2 8.2 0 0 0-1.914.2c-1.185.235-2.225.15-2.417-.2a.68.68 0 0 1-.01-.524c.079-.107.3-.085.432-.062a4 4 0 0 1 .414.124c.221.074.5.155.785.24a2.7 2.7 0 0 0 1.131.2a2.73 2.73 0 0 0 1.828-4.666a2.73 2.73 0 0 0 .024-3.85Zm-2.885 7.76"/></svg>Nanoleaf Ropelight アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:nanoleaf-ropelight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:nanoleaf-ropelight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:nanoleaf-ropelight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--nanoleaf-ropelight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:nanoleaf-ropelight"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:nanoleaf-ropelight"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/nanoleaf-ropelight.svg" alt="Nanoleaf Ropelight アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
nanoleaf
nanoleaf-black-hexagons
nanoleaf-blocks
nanoleaf-bulb
nanoleaf-cup
nanoleaf-expo-display
nanoleaf-floorlamp
nanoleaf-hex-grain
nanoleaf-holiday-string
nanoleaf-lines
nanoleaf-multcolor-strip
nanoleaf-outdoor-string
nanoleaf-pegboard
nanoleaf-permanent-outdoor-light
nanoleaf-recessed
nanoleaf-screen-lights
nanoleaf-secretlabs
nanoleaf-sense-plus
nanoleaf-shapes
nanoleaf-umbra-cono
Nanoleaf Ropelight アイコン のよくある質問
Nanoleaf Ropelight アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Nanoleaf Ropelight アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:nanoleaf-ropelight" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nanoleaf Ropelight アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/nanoleaf-ropelight.svg" alt="Nanoleaf Ropelight アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。