ICONYZ
日本語
OpenMoji の Shamrock アイコン

Shamrock アイコン

openmoji:shamrock

Shamrock アイコン(openmoji:shamrock)は、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
カテゴリ
動物・自然
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#5c9e31" d="M35.75 38.86a2 2 0 0 1 2.936.001l5.07 5.48c1.982 2.24 4.492 3.222 6.903 1.766c2.343-1.415 3.029-4.517 1.657-6.886l-.761-1.315l-.417-.72l1.967-1.139c2.4-1.389 3.397-4.586 1.982-6.97c-1.388-2.34-4.075-2.434-6.788-1.773l-1.526.447c-1.592.466-3.026-1.097-2.426-2.643l.816-2.101c.408-1.052.873-2.08 1.32-3.117c.917-2.125 1.105-4.2-.474-5.847c-1.963-2.049-5.3-1.904-7.307.102l-1.584 1.584l-.588-.588l-.996-.996c-2.01-2.01-5.355-2.15-7.317-.092c-1.569 1.645-1.386 3.683-.467 5.823c.45 1.048.919 2.089 1.332 3.153l.788 2.03c.604 1.555-.85 3.122-2.446 2.637l-1.29-.392c-2.713-.66-5.4-.567-6.788 1.772c-1.415 2.385-.418 5.582 1.981 6.971l1.967 1.14l-.416.719l-.762 1.315c-1.371 2.369-.685 5.47 1.658 6.886c2.411 1.456 4.92.473 6.903-1.765z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-miterlimit="10" d="M35.76 38.94a2 2 0 0 1 2.936 0l5.069 5.48c1.983 2.24 4.492 3.222 6.903 1.766c2.343-1.415 3.03-4.517 1.658-6.886l-.762-1.315l-.416-.72l1.967-1.139c2.4-1.389 3.397-4.586 1.982-6.97c-1.388-2.34-4.076-2.434-6.789-1.773l-1.525.447c-1.592.466-3.027-1.097-2.426-2.643l.815-2.101c.409-1.052.873-2.08 1.32-3.117c.918-2.125 1.105-4.2-.473-5.847c-1.963-2.049-5.3-1.904-7.307.102l-1.584 1.584l-.588-.588l-.996-.996c-2.01-2.01-5.356-2.15-7.318-.092c-1.568 1.645-1.386 3.683-.466 5.823c.45 1.048.918 2.089 1.331 3.153l.789 2.03c.603 1.555-.85 3.122-2.446 2.637l-1.29-.392c-2.713-.66-5.4-.567-6.789 1.772c-1.415 2.385-.418 5.582 1.982 6.971l1.967 1.14l-.416.718l-.762 1.316c-1.371 2.369-.685 5.47 1.658 6.886c2.41 1.456 4.92.473 6.903-1.765z"/><path d="M37.137 44.052C33.7 47.6 29.461 54.298 31.308 64.787"/></g></svg>

Shamrock アイコンの使い方

React

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

<Icon icon="openmoji:shamrock" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:shamrock" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:shamrock" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:shamrock"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/shamrock.svg" alt="Shamrock アイコン" width="24" height="24">

他のアイコンセットの Shamrock アイコン

Shamrock アイコン のよくある質問

Shamrock アイコンは商用利用でも無料ですか?

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

React で Shamrock アイコンを使うには?

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

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

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

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