Tangerine アイコン
emojione-monotone:tangerine
Tangerine アイコン(emojione-monotone:tangerine)は、Emoji One (Monotone) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="m17.843 29.893l.774.796l.775-.796l-.775-.796zm-4.469-.458l-.774-.797l-.775.797l.775.795zm-6.392-.001l.774.796l.774-.796l-.774-.796zm14.196 3.8l.774.795l.775-.795l-.775-.796zm-3.335 4.083l.774.796l.775-.796l-.775-.796zm-5.243 0l.774.796l.774-.796l-.774-.796zm-5.993.439l.774.797l.774-.797l-.774-.796zm8.614-4.329l.775.796l.774-.796l-.774-.796zm-5.243 0l.774.796l.774-.796l-.774-.797zM22.18 26.36l-.775-.797l-.774.797l.774.796zm-5.784-.001l-.773-.796l-.775.796l.775.796zm-5.644-.795l-.774-.796l-.775.796l.775.796zm7.678-2.275l.774.796l.775-.796l-.775-.796zm-2.2-3.004l.775.796l.774-.796l-.774-.796zm-3.63 2.208l.774.796l.774-.796l-.774-.796zm2.621 18.818l.775.794l.774-.794l-.774-.797zm-5.535 0l.774.794l.774-.794l-.774-.797z"/><path fill="currentColor" d="M62 10.084c-1.049.632-2.166 1.142-3.318 1.574a17.5 17.5 0 0 1-3.599.832c-2.469.309-4.973-.107-7.327-.728c-2.358-.627-4.645-1.387-7.002-1.529c-2.357-.157-4.724.482-6.914 1.551a13.7 13.7 0 0 1 3.271-1.687a12 12 0 0 1 3.659-.604c2.509-.028 4.896.743 7.217 1.333c2.319.631 4.665 1.045 7.038.923c2.371-.115 4.711-.774 6.975-1.665c0 0-8.109 1.504-14.59-3.901c-6.134-5.115-12.602-.427-13.516 5.205a11 11 0 0 1-1.959-.446c-.059-2.264-.446-4.953-1.438-8.101l-.003.001C30.348 2.35 29.992 2 29.572 2c-.553 0-.999.602-.999 1.345c0 .145.03.278.061.409l-.011.005l.026.094l.007.025c1.366 4.404 1.269 7.871.699 10.39a29 29 0 0 0-1.474-.041C13.586 14.226 2 24.921 2 38.113S13.586 62 27.881 62c14.293 0 25.881-10.695 25.881-23.887c0-6.615-2.914-12.601-7.621-16.926C54.489 19.5 62 10.084 62 10.084M51.262 38.113c0 11.793-10.488 21.387-23.381 21.387C14.989 59.5 4.5 49.906 4.5 38.113c0-1.512.175-2.987.503-4.411l.507.521l.773-.797l-.773-.796l-.319.327c2.433-8.954 11.046-15.698 21.442-16.2c-.054.792-.003 1.58-.003 1.58s-4.502-.643-4.673.553c-.167 1.173 4.24 1.871 4.24 1.871s-1.992 4.415-.896 5.011c1.152.628 3.714-3.769 3.714-3.769s4.101 3.257 4.921 2.169c.766-1.015-3.049-4.071-3.049-4.071s2.916-1.744 2.531-2.569c-.235-.506-1.369-.338-2.383-.07c.054-.157.105-.346.158-.519c1.604.209 3.157.565 4.64 1.057a10 10 0 0 0 2.188 1.831a10.5 10.5 0 0 0 4.382 1.538c5.391 3.921 8.859 9.967 8.859 16.744M31.727 14.49c.106-.733.19-1.519.212-2.407c.525.123 1.147.23 1.855.28a8 8 0 0 0 .317 2.564a28 28 0 0 0-2.384-.437"/></svg>Tangerine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:tangerine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:tangerine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:tangerine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--tangerine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:tangerine"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:tangerine"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/tangerine.svg" alt="Tangerine アイコン" width="24" height="24">他のアイコンセットの Tangerine アイコン
Tangerine アイコン のよくある質問
Tangerine アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tangerine アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:tangerine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tangerine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/tangerine.svg" alt="Tangerine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。