Tulip アイコン
emojione-v1:tulip
Tulip アイコン(emojione-v1:tulip)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#44b67b" d="M34.592 60.63c0 1.864-1.188 3.374-2.652 3.374c-1.469 0-2.655-1.51-2.655-3.374V37.691c0-1.865 1.186-3.379 2.655-3.379c1.463 0 2.652 1.514 2.652 3.379z"/><path fill="#37a06b" d="M34.592 41.06s-1.776 4.502-5.307 3.673l.017-6.124h3.948l1.295.45z"/><path fill="#44b67b" d="M33.469 54.788c.192.132 4.133 3.042 14.241-6.522c9.126-8.633 5.518-3.478 9.778-5.592c0 0 .238-.595-1.464-1.596c0 0-8.771-3.193-22.556 7.986m-3.063 5.724c-.19.132-4.13 3.042-14.243-6.522c-9.124-8.633-5.512-3.478-9.772-5.592c0 0-.243-.595 1.461-1.596c0 0 8.773-3.193 22.554 7.986"/><path fill="#37a06b" d="M18.639 48.27c-9.128-8.635-5.517-3.478-9.78-5.592c0 0-.238-.595 1.464-1.599c0 0 .727-.262 2.086-.37c-2.937-.215-4.559.37-4.559.37c-1.704 1-1.461 1.599-1.461 1.599c4.26 2.114.648-3.043 9.777 5.592c7.578 7.167 11.687 7.331 13.354 6.903c-2.271-.44-5.795-2.093-10.881-6.903"/><path fill="#f2abb9" d="M21.328 2.325c-.615-.366-1.362-.382-1.966.019l-.56.37c-.716.15-1.28.654-1.044 1.476c2.24 7.784-2.247 15.15-1.17 22.966c.876 6.368 8.06 11.243 14.639 12.7c1.131.25 1.726-.53 1.699-1.341c6.411-9.911-1.521-30.21-11.598-36.19"/><path fill="#d7536c" d="M29.29.668c-.583-.403-1.328-.467-1.963-.105l-.588.333c-.727.105-1.331.572-1.161 1.405c1.603 7.906-3.469 14.975-3.03 22.835c.357 6.406 2.791 10.464 9.232 12.332c1.107.321 3.667 1.271 3.707.461c7.199-9.481 3.368-30.661-6.199-37.26"/><path fill="#f2abb9" d="M39.991 3.747c.615-.366 1.362-.383 1.966.018l.561.371c.716.149 1.28.653 1.045 1.474c-2.24 7.784 2.246 15.16 1.17 22.966c-.876 6.368-8.06 11.243-14.639 12.699c-1.131.251-1.726-.529-1.699-1.34c-6.413-9.911 1.519-30.21 11.596-36.19"/></svg>
Tulip アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:tulip" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:tulip" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:tulip" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--tulip]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:tulip"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:tulip"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/tulip.svg" alt="Tulip アイコン" width="24" height="24">
Tulip アイコン のよくある質問
Tulip アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Tulip アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:tulip" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tulip アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/tulip.svg" alt="Tulip アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
