Shamrock アイコン
fluent-emoji-high-contrast:shamrock
Shamrock アイコン(fluent-emoji-high-contrast:shamrock)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30.999 12.597c-.113-2.5-2.17-4.517-4.683-4.593c-.931-.031-1.877.228-2.755.779c-.367.275-.751.542-1.142.803q.404-.612.848-1.21a4.85 4.85 0 0 0 .732-2.844a4.82 4.82 0 0 0-4.594-4.526a4.85 4.85 0 0 0-3.406 1.202a4.85 4.85 0 0 0-3.402-1.203c-2.5.114-4.519 2.169-4.594 4.682c-.024.95.228 1.878.78 2.756q.41.552.801 1.142a30 30 0 0 1-1.213-.85a4.84 4.84 0 0 0-2.689-.731c-2.51.076-4.565 2.093-4.678 4.596a4.86 4.86 0 0 0 1.202 3.405a4.87 4.87 0 0 0-1.202 3.4a4.827 4.827 0 0 0 4.683 4.596a4.95 4.95 0 0 0 2.755-.78c1.585-1.188 3.32-2.293 4.998-3.361a74 74 0 0 0 1.812-1.186v.657c0 4.459 2.45 8.509 6.399 10.579c.11.06.23.09.35.09c.27 0 .53-.15.67-.41a.75.75 0 0 0-.32-1.01a10.4 10.4 0 0 1-5.6-9.25v-.64c.602.39 1.203.783 1.813 1.17c1.677 1.068 3.412 2.172 5.058 3.404a4.75 4.75 0 0 0 2.567.738l.127-.001c2.512-.063 4.57-2.082 4.683-4.597a4.86 4.86 0 0 0-1.202-3.4a4.85 4.85 0 0 0 1.202-3.407m-3.261 4.238a2.85 2.85 0 0 1 1.264 2.48a2.82 2.82 0 0 1-2.736 2.686a2.7 2.7 0 0 1-1.505-.38c-1.646-1.235-3.415-2.36-5.123-3.45c-.86-.547-1.72-1.094-2.568-1.656a1.95 1.95 0 0 0-1.074-.323c-.373 0-.745.109-1.066.326c-.844.559-1.703 1.106-2.563 1.655c-1.71 1.088-3.478 2.213-5.053 3.399a2.818 2.818 0 0 1-4.311-2.254a2.85 2.85 0 0 1 1.264-2.483l1.262-.837l-1.265-.831a2.8 2.8 0 0 1-1.26-2.48a2.833 2.833 0 0 1 2.736-2.684c.55-.01 1.101.134 1.504.38c.84.629 1.755 1.213 2.641 1.777c.438.279.874.556 1.287.83a1.29 1.29 0 0 0 1.66-.16a1.29 1.29 0 0 0 .164-1.65c-.285-.428-.562-.865-.84-1.302c-.558-.876-1.133-1.782-1.724-2.564a2.84 2.84 0 0 1-.428-1.571a2.83 2.83 0 0 1 2.683-2.74a2.85 2.85 0 0 1 2.484 1.264l.837 1.262l.83-1.266c.547-.832 1.467-1.298 2.479-1.26c1.418.065 2.599 1.23 2.686 2.639c.029.602-.119 1.179-.381 1.602c-.628.837-1.212 1.752-1.774 2.636c-.28.439-.558.876-.834 1.292a1.294 1.294 0 0 0 .16 1.658a1.295 1.295 0 0 0 1.652.165c.427-.284.863-.561 1.3-.84c.877-.558 1.784-1.134 2.564-1.724a2.87 2.87 0 0 1 1.57-.43c1.471.045 2.675 1.225 2.742 2.684a2.8 2.8 0 0 1-1.26 2.482l-1.265.83z"/></svg>
Shamrock アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:shamrock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:shamrock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:shamrock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--shamrock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:shamrock"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:shamrock"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/shamrock.svg" alt="Shamrock アイコン" width="24" height="24">
Shamrock アイコン のよくある質問
Shamrock アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shamrock アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:shamrock" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shamrock アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/shamrock.svg" alt="Shamrock アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
