Tomato アイコン

Q: Tomato アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:tomato

Tomato アイコン(fxemoji:tomato)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF473E" d="M501.039 343.664c-28.601 118.577-161.232 188.305-296.24 155.741S-16.47 344.316 12.131 225.739S173.363 37.434 308.371 69.998S529.64 225.086 501.039 343.664"/><path fill="#2BA52E" d="M361.189 121.157a5.4 5.4 0 0 1-3.562-.439l-.749-.373s-.533-.265-1.471-.804c-.916-.553-2.334-1.315-3.992-2.383c-.418-.265-.87-.536-1.317-.838l-.694-.452l-.713-.365c-.98-.484-1.962-1.037-3.023-1.587c-1.093-.539-2.04-1.186-3.294-1.746c-1.219-.575-2.426-1.212-3.693-1.834c-.648-.291-1.224-.686-1.901-.947l-2.009-.837c-.682-.272-1.333-.581-1.999-.879l-.998-.452c-.334-.149-.703-.244-1.053-.368c-1.425-.461-2.784-1.008-4.175-1.513a215 215 0 0 1-4.309-1.249l-1.063-.32c-.372-.08-.754-.145-1.12-.235l-2.208-.505c-.741-.159-1.439-.369-2.201-.493l-2.287-.39l-2.256-.411l-.561-.104l-.6-.056l-1.182-.154l-2.345-.319c-.783-.102-1.524-.251-2.373-.269c-.815-.083-1.628-.154-2.432-.253c-.797-.13-1.598-.222-2.38-.391c-1.608-.27-3.299-.477-4.898-.91c-.816-.168-1.597-.465-2.416-.665c-.834-.231-1.672-.415-2.497-.69c-1.661-.48-3.283-1.131-4.924-1.74c-1.681-.595-3.349-1.164-4.994-1.777c-1.645-.615-3.256-1.25-4.903-1.731a427 427 0 0 1-6.596-2.112a67 67 0 0 1-1.652 1.876c-.968.981-1.628 2.024-2.457 2.95c-.785.939-1.494 1.827-2.219 2.635a65 65 0 0 1-1.771 2.249a53 53 0 0 1-1.353 1.631a115 115 0 0 1-1.498 3.625a152 152 0 0 1-2.856 6.159c-.258.548-.546 1.087-.824 1.636a57 57 0 0 1-.857 1.688a180 180 0 0 1-5.916 10.505a205 205 0 0 1-9.231 14.012c-1.618 2.229-3.24 4.383-4.882 6.405a143 143 0 0 1-4.766 5.69c-3.086 3.503-5.943 6.372-8.076 8.346c-1.044.995-1.984 1.74-2.564 2.263c-.292.264-.551.445-.711.578l-.244.182l-.787.586c-4.625 3.446-11.168 2.49-14.613-2.135a10.6 10.6 0 0 1-1.642-3.285l-.372-1.261c-.196-.793-.573-1.979-.882-3.438a77 77 0 0 1-1.003-5.239a94 94 0 0 1-.817-6.686c-.21-2.43-.362-5.05-.39-7.792c-.066-2.754.008-5.625.184-8.581c.178-2.954.484-5.986.901-9.05c.418-3.066.97-6.16 1.646-9.238c.676-3.082 1.459-6.148 2.409-9.146q.533-1.696 1.121-3.364q-1.669.288-3.354.574c-3.645.692-7.34 1.483-11.068 2.32c-3.733.858-7.48 1.83-11.237 2.8c-3.733 1.054-7.482 2.079-11.174 3.161c-3.662 1.133-7.339 2.178-10.838 3.339c-3.547 1.09-6.925 2.257-10.2 3.303l-9.108 3.105a91 91 0 0 1-3.983 1.387c-1.271.413-2.305.807-3.397 1.133c-1.049.344-2.013.625-2.937 1.021c-.889.365-1.676.649-2.318.878c-1.278.461-2.007.668-2.007.668a6.63 6.63 0 0 1-8.428-6.844s.054-.756.242-2.101c.092-.674.21-1.503.384-2.448c.099-.482.133-.972.315-1.555l.539-1.809c.371-1.279.878-2.734 1.43-4.2a80 80 0 0 1 1.933-4.679a102 102 0 0 1 2.63-5.094a103 103 0 0 1 3.371-5.382c2.535-3.607 5.537-7.392 9.13-10.977c3.545-3.658 7.695-7.079 12.249-10.311a95 95 0 0 1 15.035-8.487c5.427-2.37 11.176-4.335 17.114-5.736c5.963-1.318 12.08-2.132 18.174-2.302c4.266-.08 8.5.134 12.633.646a36 36 0 0 0-2.483-3.966c-.546-.801-1.224-1.63-1.865-2.516c-.745-.838-1.446-1.702-2.257-2.613c-1.56-1.782-3.349-3.607-5.102-5.431l-5.333-5.364a418 418 0 0 1-4.876-4.985c-1.474-1.567-2.755-2.952-3.826-4.211c-1.168-1.206-2.042-2.324-2.656-3.012c-.307-.344-.53-.659-.685-.852l-.233-.3l-.497-.641a5.94 5.94 0 0 1 3.111-9.365s.457-.126 1.302-.32c.84-.175 2.091-.502 3.646-.777c1.619-.24 3.652-.589 5.919-.773l3.638-.326c1.292-.089 2.633-.084 4.059-.125c1.422-.028 2.922.013 4.486.028c1.565.03 3.18.208 4.867.326c3.371.386 6.986.901 10.815 1.932c3.82.979 7.88 2.353 12.001 4.421c4.14 2.009 8.325 4.704 12.307 8.058q1.481 1.28 2.95 2.616q1.416 1.397 2.813 2.848q1.355 1.481 2.684 3.016c.891 1.021 1.677 2.095 2.506 3.164c1.912 2.598 3.629 5.293 5.079 8.014c1.308-1.298 2.662-2.563 4.11-3.716c2.393-2.08 5.01-3.823 7.657-5.563a162 162 0 0 1 4.089-2.342c1.368-.794 2.794-1.38 4.201-2.06c5.664-2.55 11.53-4.412 17.309-5.416c5.776-1.043 11.472-1.453 16.869-1.174c5.402.237 10.524.995 15.228 2.226c4.711 1.164 9.005 2.811 12.813 4.592c3.805 1.844 7.127 3.803 9.907 5.875c1.385 1.036 2.67 1.957 3.788 3.004c1.129 1.003 2.125 1.865 3.075 2.852a45 45 0 0 1 2.379 2.52c.538.724.98 1.377 1.337 1.91c.363.519.621.964.802 1.246l.272.435a6.52 6.52 0 0 1-4.226 9.843l-.503.103c-.329.063-.83.183-1.456.278c-.632.109-1.41.238-2.307.348c-.811.217-1.7.434-2.653.662c-.92.248-2.06.482-3.239.753c-.595.145-1.194.266-1.816.395l-1.932.457c-2.621.6-5.499 1.32-8.491 2.053c-3.005.786-6.135 1.563-9.316 2.484c-1.588.427-3.185.887-4.782 1.365l.62.322c2.293 1.111 4.513 2.596 6.688 3.995l3.214 2.104c1.042.743 2.043 1.591 3.041 2.375l2.933 2.377c.479.397.96.778 1.424 1.182l1.341 1.286c1.753 1.73 3.51 3.331 5.053 5.072a359 359 0 0 1 4.254 5.262c.331.43.683.833.983 1.274l.883 1.316c.578.872 1.153 1.715 1.679 2.574l1.552 2.499c.515.805.894 1.67 1.326 2.47c.826 1.628 1.625 3.151 2.322 4.629c.359.72.668 1.482.958 2.227l.844 2.139c.53 1.379 1.039 2.637 1.444 3.827l.304.865l.207.789l.375 1.466c.49 1.847.802 3.347 1.047 4.348l.341 1.558a5.423 5.423 0 0 1-4.138 6.448"/><path fill="#F88" d="M436.213 277.861c-12.422 0-23.878-8.112-27.568-20.633c-9.414-31.943-26.264-58.173-47.444-73.857c-12.762-9.45-15.447-27.457-5.996-40.219s27.457-15.447 40.219-5.997c31.169 23.081 55.455 59.95 68.384 103.816c4.489 15.232-4.22 31.22-19.452 35.709a28.8 28.8 0 0 1-8.143 1.181"/></svg>

Tomato アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:tomato" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:tomato" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:tomato" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--tomato]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:tomato"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:tomato"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/tomato.svg" alt="Tomato アイコン" width="24" height="24">

他のアイコンセットの Tomato アイコン

Tomato アイコンのよくある質問

Tomato アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Tomato アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:tomato" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Tomato アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/tomato.svg" alt="Tomato アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコンをすべて見る →