Four Leaf Clover アイコン
emojione-v1:four-leaf-clover
Four Leaf Clover アイコン(emojione-v1:four-leaf-clover)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- fourleaf、leafclover、fourleafclover
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#02897d" d="M27.542 62.2c-.264-.265.053-2.504.159-2.679c2.79-4.421 1.032-17.07.697-18.852c-.784-4.125.791-8.656 2.786-8.02c1.92.609 4.611 9.03 5.214 10.713c1.479 4.096 1.897 9.2 1.123 13.414c-.815 4.455-5.754 9.591-9.979 5.426"/><g fill="#04a69c"><path d="M21.282 56.21c-4.716 3.938-7.979-.146-12.545-5.62c-4.576-5.475-8.721-10.266-4.01-14.199c4.72-3.946 31.34-12.947 29.365-7.705c-2.505 6.672-8.09 23.578-12.813 27.524"/><path d="M60.2 38.31c4.176 4.512.258 7.978-4.972 12.817c-5.234 4.845-9.811 9.229-13.982 4.719c-4.178-4.516-14.522-30.638-9.184-28.939c6.791 2.167 23.958 6.889 28.14 11.403"/><path d="M61.56 21.15c4.688-3.97 1.224-7.892-3.383-13.33c-4.612-5.441-8.617-10.351-13.313-6.38c-4.686 3.974-18.12 28.65-12.616 27.614c7-1.325 24.617-3.929 29.31-7.904"/><path d="M2.549 23.15c-4.838-3.784-1.52-7.831 2.875-13.447c4.399-5.612 8.217-10.672 13.05-6.884c4.842 3.795 19.21 27.943 13.669 27.11c-7.05-1.054-24.75-2.984-29.595-6.779"/></g></svg>
Four Leaf Clover アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:four-leaf-clover" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:four-leaf-clover" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:four-leaf-clover" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--four-leaf-clover]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:four-leaf-clover"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:four-leaf-clover"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/four-leaf-clover.svg" alt="Four Leaf Clover アイコン" width="24" height="24">
他のアイコンセットの Four Leaf Clover アイコン
Four Leaf Clover アイコン のよくある質問
Four Leaf Clover アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Four Leaf Clover アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:four-leaf-clover" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Four Leaf Clover アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/four-leaf-clover.svg" alt="Four Leaf Clover アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
