Four Leaf Clover アイコン

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:four-leaf-clover

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M14.83 45.82a9.43 1.18 0 1 0 18.86 0a9.43 1.18 0 1 0-18.86 0" opacity=".15"/><path fill="#6dd627" d="M31.63 44.14a1.18 1.18 0 0 1-.93 1.49a10 10 0 0 1-2 .09a9.61 9.61 0 0 1-7.62-4.24c-4.14-6.52-.38-14.69-.22-15a1.18 1.18 0 0 1 2.14 1c0 .08-3.37 7.36.07 12.77a7.37 7.37 0 0 0 7.27 3.09a1.19 1.19 0 0 1 1.32.84Z"/><path fill="#46b000" d="M23 27.44a18.5 18.5 0 0 0-1.48 7a14 14 0 0 0 .15 2h-2.42a19.76 19.76 0 0 1 1.58-10a1.18 1.18 0 0 1 2.14 1Z"/><path fill="none" stroke="#45413c" d="M23 27.44c0 .08-3.37 7.36.07 12.77a7.37 7.37 0 0 0 7.27 3.09a1.18 1.18 0 0 1 .39 2.33a10 10 0 0 1-2 .09a9.61 9.61 0 0 1-7.62-4.24c-4.14-6.52-.38-14.69-.22-15a1.18 1.18 0 0 1 2.14 1Z"/><path fill="#6dd627" d="M30.53 29.44a4.94 4.94 0 0 0-.72-2.3a4.9 4.9 0 0 0 1.71 1.71c3.65 2.16 7.77-2.2 5.72-5.91l-.88-1.58a.62.62 0 0 1 .2-.81l1.51-1c3.55-2.33 1.93-8.1-2.31-7.89a4.9 4.9 0 0 0-2.31.72a4.9 4.9 0 0 0 1.71-1.71C37.32 7 33 2.91 29.26 5l-1.58.88a.62.62 0 0 1-.81-.21l-1-1.5C23.55.58 17.78 2.2 18 6.44a4.8 4.8 0 0 0 .72 2.3A5.1 5.1 0 0 0 17 7c-3.65-2.16-7.77 2.2-5.72 5.91l.88 1.58a.62.62 0 0 1-.21.81l-1.5 1c-3.55 2.33-1.93 8.1 2.31 7.89a4.94 4.94 0 0 0 2.3-.72a4.9 4.9 0 0 0-1.71 1.7c-2.16 3.66 2.19 7.78 5.91 5.73l1.58-.9a.62.62 0 0 1 .81.2l1 1.51c2.35 3.59 8.09 1.97 7.88-2.27"/><path fill="#9ceb60" d="M18.71 8.74A5.1 5.1 0 0 0 17 7c-3.65-2.16-7.77 2.2-5.72 5.91l.88 1.58c-1.37-5.73 5.12-8.11 7.84-3.6Zm7.17-.97l1 1.51a.62.62 0 0 0 .81.2l1.58-.88a4.41 4.41 0 0 1 6 1.86C37.14 6.87 32.9 3 29.26 5l-1.58.88a.62.62 0 0 1-.81-.21l-1-1.5C23.55.58 17.78 2.2 18 6.44a4.9 4.9 0 0 0 .4 1.67a4.39 4.39 0 0 1 7.48-.34M10.45 20L12 19a.62.62 0 0 0 .21-.81l-.88-1.58A6 6 0 0 1 11 16l-.55.37a4.36 4.36 0 0 0-1.56 5.46A4.2 4.2 0 0 1 10.45 20"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.53 29.44a4.94 4.94 0 0 0-.72-2.3a4.9 4.9 0 0 0 1.71 1.71c3.65 2.16 7.77-2.2 5.72-5.91l-.88-1.58a.62.62 0 0 1 .2-.81l1.51-1c3.55-2.33 1.93-8.1-2.31-7.89a4.9 4.9 0 0 0-2.31.72a4.9 4.9 0 0 0 1.71-1.71C37.32 7 33 2.91 29.26 5l-1.58.88a.62.62 0 0 1-.81-.21l-1-1.5C23.55.58 17.78 2.2 18 6.44a4.8 4.8 0 0 0 .72 2.3A5.1 5.1 0 0 0 17 7c-3.65-2.16-7.77 2.2-5.72 5.91l.88 1.58a.62.62 0 0 1-.21.81l-1.5 1c-3.55 2.33-1.93 8.1 2.31 7.89a4.94 4.94 0 0 0 2.3-.72a4.9 4.9 0 0 0-1.71 1.7c-2.16 3.66 2.19 7.78 5.91 5.73l1.58-.9a.62.62 0 0 1 .81.2l1 1.51c2.35 3.59 8.09 1.97 7.88-2.27M18.71 8.74l2.69 4.46m5.72 9.48l2.69 4.46M29 15.08l4.45-2.69m-18.39 11.1l4.46-2.69"/></svg>

Four Leaf Clover アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →