Four Leaf Clover アイコン

Q: Four Leaf Clover アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:four-leaf-clover

Four Leaf Clover アイコン(openmoji:four-leaf-clover)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然
タグ: fourleaf、leafclover、fourleafclover

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="m48.868 32.557l-3.69-3.1l4.63 1.335c2.43.483 4.685.321 5.798-1.768a4.286 4.286 0 0 0-1.767-5.797l-1.891-1.008l.336-.63l.672-1.26a4.286 4.286 0 0 0-1.768-5.798c-2.089-1.113-4.013-.01-5.797 1.767l-3.1 3.69l1.335-4.63c.489-2.366.321-4.685-1.767-5.798s-4.685-.322-5.798 1.767l-1.008 1.891l-.63-.336l-1.26-.671c-2.09-1.113-4.686-.322-5.798 1.767s-.192 4.183 1.767 5.797l4.56 3.56l.013.01l-4.553-1.49c-.884-.29-1.798-.498-2.727-.533c-1.653-.062-3.063.37-3.917 1.785c-1.284 2.126-.344 4.934 1.847 6.102l1.697.904l-.336.63l-.583 1.095c-1.147 2.154-.375 4.96 1.816 6.034c2.038 1 3.967.026 5.66-1.837l3.1-3.69l-1.335 4.63c-.504 2.02-.321 4.685 1.768 5.798a4.286 4.286 0 0 0 5.797-1.768l1.008-1.891l.63.336l1.261.672a4.286 4.286 0 0 0 5.798-1.767c1.112-2.09.251-4.066-1.768-5.798"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M30.366 41.03c-3.438 3.547-7.676 10.245-5.829 20.734"/><path stroke-miterlimit="10" d="m45.102 29.335l4.599 1.44c2.418.538 4.676.427 5.836-1.636s.428-4.676-1.635-5.836l-1.868-1.05l.35-.623l.7-1.245c1.16-2.063.429-4.676-1.634-5.836s-4.013-.1-5.837 1.635l-3.182 3.619M35.57 32.006l-1.44 4.6c-.55 2.007-.428 4.675 1.635 5.835s4.676.428 5.836-1.635l1.05-1.867l.623.35l1.245.7c2.064 1.16 4.677.428 5.837-1.635s.344-4.06-1.635-5.836l-3.62-3.183M33.77 22.963l-4.518-1.593c-.877-.309-1.786-.538-2.714-.594c-1.651-.1-3.07.3-3.956 1.695c-1.332 2.096-.457 4.925 1.708 6.142l1.676.943l-.35.622l-.608 1.081c-1.196 2.128-.488 4.95 1.678 6.074c2.015 1.046 3.965.116 5.7-1.708l3.183-3.62m6.862-12.202l1.44-4.6c.542-2.353.427-4.676-1.636-5.836S37.56 8.94 36.4 11.002l-1.05 1.868l-.623-.35l-1.245-.7a4.286 4.286 0 0 0-5.836 1.635c-1.16 2.063-.287 4.177 1.635 5.836l4.49 3.672"/></g></svg>

Four Leaf Clover アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:four-leaf-clover" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:four-leaf-clover" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:four-leaf-clover" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--four-leaf-clover]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:four-leaf-clover"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:four-leaf-clover"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/four-leaf-clover.svg" alt="Four Leaf Clover アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Four Leaf Clover アイコン

Four Leaf Clover アイコンのよくある質問

Four Leaf Clover アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Four Leaf Clover アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:four-leaf-clover" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Four Leaf Clover アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/four-leaf-clover.svg" alt="Four Leaf Clover アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →