Sunflower アイコン
twemoji:sunflower
Sunflower アイコン(twemoji:sunflower)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#3e721d" d="M28 27c-8 0-8 6-8 6V22h-4v11s0-6-8-6c-4 0-7-2-7-2s0 9 9 9h6s0 2 2 2s2-2 2-2h6c9 0 9-9 9-9s-3 2-7 2"/><path fill="#ffac33" d="M21.125 27.662c-.328 0-.651-.097-.927-.283l-2.323-1.575l-2.322 1.575a1.67 1.67 0 0 1-1.358.226a1.65 1.65 0 0 1-1.06-.874l-1.225-2.527l-2.797.204l-.119.004a1.656 1.656 0 0 1-1.651-1.772l.201-2.8l-2.523-1.225a1.658 1.658 0 0 1-.648-2.418l1.573-2.323l-1.573-2.322a1.65 1.65 0 0 1-.228-1.357a1.66 1.66 0 0 1 .876-1.06L7.544 7.91l-.201-2.797a1.656 1.656 0 0 1 1.77-1.771l2.797.201l1.225-2.523a1.66 1.66 0 0 1 2.418-.648l2.322 1.573L20.198.372a1.64 1.64 0 0 1 1.355-.228c.465.125.854.444 1.062.876l1.225 2.523l2.8-.201q.057-.004.116-.003a1.655 1.655 0 0 1 1.652 1.774l-.204 2.797l2.527 1.225c.433.209.751.598.874 1.06c.124.465.043.96-.227 1.357l-1.575 2.322l1.575 2.323c.269.398.351.892.227 1.356a1.65 1.65 0 0 1-.874 1.062l-2.527 1.225l.204 2.8c.034.478-.143.946-.48 1.288a1.66 1.66 0 0 1-1.288.48l-2.8-.204l-1.225 2.527a1.65 1.65 0 0 1-1.062.874a1.6 1.6 0 0 1-.428.057"/><circle cx="18" cy="14" r="7" fill="#732700"/></svg>
Sunflower アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sunflower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sunflower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sunflower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sunflower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sunflower"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:sunflower"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/sunflower.svg" alt="Sunflower アイコン" width="24" height="24">
他のアイコンセットの Sunflower アイコン
Sunflower アイコン のよくある質問
Sunflower アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sunflower アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:sunflower" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sunflower アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/sunflower.svg" alt="Sunflower アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
