Peanuts アイコン
twemoji:peanuts
Peanuts アイコン(twemoji:peanuts)は、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
- カテゴリ
- 飲食
- タグ
- peanut
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#d99e82" d="M17.256 31.519c-4.754 4.754-11.207 5.573-14.683 2.097C-.902 30.141.056 23.55 4.672 18.934c3.355-3.356 6.711-3.356 9.228-5.873c2.517-2.516 1.678-5.033 5.454-8.809C23.968-.361 29.84-1.201 33.616 2.574c3.774 3.776 2.832 9.754-1.678 14.263c-3.775 3.775-6.292 2.936-8.809 5.452c-2.518 2.518-2.518 5.873-5.873 9.23"/><path fill="#c1694f" d="M8.211 21.397a1 1 0 0 1-.553-1.834a14 14 0 0 1 2.245-1.193c3.938-1.516 6.902-4.208 7.765-7.037a1 1 0 0 1 1.914.583c-1.039 3.406-4.46 6.589-8.931 8.309c-.665.28-1.31.623-1.889 1.006a1 1 0 0 1-.551.166m-5.044 8.937h-.022a1 1 0 0 1-.979-1.021c.047-2.164.385-4.916 2.601-7.002a1.001 1.001 0 0 1 1.372 1.457c-1.666 1.567-1.932 3.704-1.972 5.588a1 1 0 0 1-1 .978m4.125-.709q-.124 0-.249-.031a1 1 0 0 1-.721-1.217c.562-2.191 1.782-5.277 5.875-6.774a1.001 1.001 0 0 1 .686 1.879c-3.171 1.159-4.137 3.49-4.625 5.392a.995.995 0 0 1-.966.751m17.667-11.041a1.001 1.001 0 0 1-.333-1.943c4.279-1.51 6.849-4.449 7.856-8.982c.12-.54.657-.874 1.193-.759c.539.12.879.654.76 1.193c-1.154 5.19-4.23 8.701-9.144 10.435a1 1 0 0 1-.332.056"/><path fill="#c1694f" d="M24.459 14.875a1 1 0 0 1-.368-1.93c1.722-.682 3.378-2.263 4.12-3.935a1.001 1.001 0 0 1 1.828.812c-.956 2.151-3.002 4.107-5.212 4.982a1 1 0 0 1-.368.071m-8.709 7.209a1 1 0 0 1-.378-1.926c.955-.39 1.979-1.345 2.266-1.832a1 1 0 1 1 1.723 1.015c-.513.873-1.864 2.11-3.233 2.669a1 1 0 0 1-.378.074m4-12.667a1 1 0 0 1-.945-1.328c.4-1.152 1.234-2.255 2.124-2.812a1 1 0 0 1 1.061 1.696c-.421.263-1.017.973-1.295 1.772a1 1 0 0 1-.945.672M6.457 33.915a1 1 0 0 1-.988-.857c-.064-.451 0-1.253.098-1.691a1.01 1.01 0 0 1 1.193-.759a1 1 0 0 1 .759 1.194c-.064.286-.09.824-.069.975a1 1 0 0 1-.993 1.138"/></svg>Peanuts アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:peanuts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:peanuts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:peanuts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--peanuts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:peanuts"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:peanuts"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/peanuts.svg" alt="Peanuts アイコン" width="24" height="24">他のアイコンセットの Peanuts アイコン
Peanuts アイコン のよくある質問
Peanuts アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Peanuts アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:peanuts" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Peanuts アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/peanuts.svg" alt="Peanuts アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。