Bouquet アイコン
twemoji:bouquet
Bouquet アイコン(twemoji:bouquet)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- 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="M35.01 30.967c-1.385-2.226-3.34-5.001-5.265-7.888c-5.141-8.772-1.513-18.411-2.893-21.511c-.56-1.259-3.879.966-5.555 4.563a3.8 3.8 0 0 0-1.17-.148c.155-2.397.293-4.31-.193-5.403c-.71-1.599-5.867 2.418-6.463 7.729c-1.848 1.006-3.223 1.957-3.223 1.957s-.95 1.375-1.954 3.223c-5.312.594-9.331 5.753-7.732 6.464c1.097.488 3.015.349 5.421.192q-.008.63.154 1.159c-3.61 1.674-5.848 5.006-4.586 5.567c3.282 1.46 13.9-2.701 23.053 3.892c.288.207.479.322.601.371c2.117 1.433 4.113 2.801 5.791 3.846c2.875 1.79 3.962-.007 3.962-.007s1.843-1.13.052-4.006"/><path fill="#77b255" d="M35.029 34.828c.369-.545.338-1.278-.144-1.761c0 0-11.86-15.812-13.836-23.719c-1.977-7.906-4.397-5.737-3.689.474c.325 2.848 1.817 6.14 3.806 9.385l-8.941-8.941a1.398 1.398 0 1 0-1.977 1.977l8.94 8.941c-3.246-1.987-6.536-3.48-9.383-3.805c-6.211-.709-8.381 1.712-.475 3.688s23.719 13.836 23.719 13.836c.481.482 1.215.513 1.758.146c.034.007.065.01.078-.004c.025-.025.034-.059.058-.086c.025-.022.059-.031.083-.056c.014-.013.01-.044.003-.075"/><path fill="#dd2e44" d="M13.771 6.871c1.807 1.806 1.721 4.819-.188 6.73c-1.91 1.91-3.771.842-5.577-.964S5.132 8.97 7.042 7.06s4.924-1.995 6.729-.189"/><path fill="#ea596e" d="M12.618 8.024c1.807 1.807 2.874 3.666.965 5.576s-4.923 1.995-6.729.188c-1.806-1.806-.964-5.576-.902-7.82c.074-2.627 4.487-.124 6.666 2.056"/><path fill="#dd2e44" d="M22.665 15.766c1.808 1.807 1.722 4.819-.188 6.729s-3.77.842-5.576-.964s-2.874-3.667-.964-5.577s4.924-1.994 6.728-.188"/><path fill="#ea596e" d="M21.514 16.919c1.806 1.807 2.873 3.666.964 5.576s-4.923 1.995-6.729.188c-1.806-1.806-.964-5.575-.901-7.819c.073-2.628 4.485-.125 6.666 2.055"/><path fill="#f4900c" d="M11.203 16.11c2.369 1.052 3.327 3.876 2.139 6.308c-1.187 2.434-3.354 2.085-5.723 1.033c-2.37-1.052-4.045-2.407-2.857-4.841c1.188-2.432 4.071-3.551 6.441-2.5"/><path fill="#ffcc4d" d="M10.486 17.578c2.368 1.052 4.043 2.408 2.855 4.84c-1.187 2.434-4.071 3.553-6.439 2.501c-2.37-1.051-2.857-4.84-3.57-6.943c-.836-2.463 4.294-1.666 7.154-.398"/><path fill="#f4900c" d="M24.93 7.012a4.89 4.89 0 0 1-2.365 6.5c-2.446 1.14-3.88-.607-5.023-3.056s-1.56-4.671.887-5.813a4.893 4.893 0 0 1 6.501 2.369"/><path fill="#ffcc4d" d="M23.453 7.7c1.141 2.449 1.559 4.671-.889 5.812a4.895 4.895 0 0 1-6.501-2.368c-1.141-2.448.889-5.812 1.676-7.977c.925-2.54 4.334 1.578 5.714 4.533"/></svg>Bouquet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:bouquet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:bouquet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:bouquet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--bouquet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:bouquet"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:bouquet"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/bouquet.svg" alt="Bouquet アイコン" width="24" height="24">他のアイコンセットの Bouquet アイコン
Bouquet アイコン のよくある質問
Bouquet アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bouquet アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:bouquet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bouquet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/bouquet.svg" alt="Bouquet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。