Lily アイコン
cbi:lily
Lily アイコン(cbi:lily)は、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="M19.277 7.347c0-.857-.343-1.799-.857-2.742s-1.199-1.714-1.971-2.142c-.771-.514-1.542-.6-2.142-.257l-8.74 5.227c-.6.342-.857 1.028-.857 1.971c0 .856.343 1.799.857 2.742s1.199 1.713 1.971 2.142l.514.257c.085 1.285.342 2.399.514 2.742c.257.343.857.771 1.628 1.028c-1.542.172-3.171.514-3.171 1.543v.6c0 1.199 2.743 1.542 4.371 1.542s4.37-.343 4.37-1.542v-.6c0-.857-1.371-1.286-2.742-1.457c.6-.171.857-.514 1.028-.6s.257-.343.257-.6c-.086-.514-.6-.771-1.028-.857c-.771-.257-1.2-.257-1.543-.171c-.171-.6-.171-1.628-.171-2.656l6.855-4.028h.086c.514-.6.857-1.199.771-2.142m-3.256-4.199a5.1 5.1 0 0 1 1.628 1.885c.428.772.771 1.629.771 2.4c0 .6-.086 1.028-.428 1.199c-.257.172-.771.086-1.286-.257a5.1 5.1 0 0 1-1.628-1.885c-.428-.771-.771-1.628-.771-2.399c0-.429.086-.857.257-1.028l.172-.172c.085-.086.171-.086.342-.086c.257 0 .6.172.943.343"/></svg>
Lily アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:lily" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:lily" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:lily" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--lily]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:lily"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:lily"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/lily.svg" alt="Lily アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Lily アイコン のよくある質問
Lily アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Lily アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:lily" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lily アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/lily.svg" alt="Lily アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
ICONYZ
