Tomato アイコン
emojione-v1:tomato
Tomato アイコン(emojione-v1:tomato)は、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="#be202e" d="M60.982 34.35c0 16.287-13.2 29.489-29.491 29.489C15.202 63.839 2 50.638 2 34.35c0-16.292 13.202-17.909 29.491-17.909c16.291 0 29.491 1.617 29.491 17.909"/><path fill="#9b1f2e" d="M29.752 31.969c-.396.461-.785.952-1.191 1.511c-.738 1.036-2.433 1.6-3.4.439c-1.822-2.196-2.935-4.24-3.87-6.702c-3.02.482-5.905.872-9.04.838c-1.541-.017-2.835-1.866-1.871-3.264c1.798-2.603 3.76-4.807 5.935-7.118c.083-.084.171-.11.256-.177c-8.709 1.692-14.57 6.02-14.57 16.859c0 16.287 13.202 29.489 29.491 29.489c6.611 0 12.692-2.201 17.609-5.874c-8.888-6.079-15.757-16.366-19.348-26"/><path fill="#04a69c" d="M40.803 14.838c3.4-.482 9.578 8.196 9.919 10.587c.338 2.388-6.669.64-10.634.158c-4.088-.497-8.246-.784-8.584-3.171s5.911-7.091 9.299-7.574m-19.905 0c-3.394-.482-9.572 8.196-9.913 10.587c-.338 2.388 6.663.64 10.636.158c4.085-.497 8.243-.784 8.581-3.171c.34-2.386-5.91-7.091-9.304-7.574"/><path fill="#2bb573" d="M24.719 21.875c-1.866 1.663.199 9.226 1.401 10.546c1.206 1.32 3.489-3.406 5.073-5.848c1.629-2.514 3.415-4.969 2.209-6.289c-1.206-1.324-6.825-.072-8.683 1.591"/><path fill="#038d80" d="M30.336 11.644c1.449-2.035 9.193-.812 10.636.241c1.445 1.054-3.01 3.842-5.26 5.679c-2.318 1.9-4.559 3.939-6.01 2.886c-1.443-1.054-.817-6.775.632-8.806"/><path fill="#2bb573" d="M31.16.828c.23.173.192 1.942.125 2.09c-1.733 3.753.778 13.333 1.202 14.67c.979 3.102.19 6.8-1.398 6.546c-1.53-.246-4.371-6.445-4.989-7.667c-1.511-3-2.302-6.897-2.094-10.257c.212-3.541 3.532-8.103 7.154-5.382"/></svg>
Tomato アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:tomato" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:tomato" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:tomato" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--tomato]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:tomato"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:tomato"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/tomato.svg" alt="Tomato アイコン" width="24" height="24">
Tomato アイコン のよくある質問
Tomato アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Tomato アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:tomato" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tomato アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/tomato.svg" alt="Tomato アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
