Green Salad アイコン
twemoji:green-salad
Green Salad アイコン(twemoji:green-salad)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 飲食
- タグ
- greensalad
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M18 35C3.042 35 1 21 1 17h34c0 2-1.958 18-17 18"/><path fill="#66757f" d="M35 17.056c0 5.216-7.611 9.444-17 9.444S1 22.271 1 17.056s7.611-8.444 17-8.444c9.389-.001 17 3.228 17 8.444"/><path fill="#77b255" d="M2.708 18.875c-.808-1.161-2.333-3.5-.708-7c.708-1.833 2.18-3.027 2.375-2.458c.458 1.333 1.375 2.5 2.75 2.375c-.018.473-.669-4.309 1.625-5.584c1.125-.625 2.333.375 3.708 2.583c2.202 3.537 7.811 1.884 9.385.958c1.594-.938 2.99-1.552 2.573-4.062c-.092-.551.743-1.029 1.595-.573c1.431.766 3.498 2.671 3.863 4.761c1.021.271 1.786-.163 2.375-1.354c.292-.59 1.292-.729 1.72.041c.754 1.356 1.992 5.527.239 9.105c-2 4.083-5.042 6.25-11.875 7.125s-15.625-.167-19.625-5.917"/><path fill="#5c913b" d="M19.417 10.146c0 2.106-1.81 3.812-4.042 3.812s-4.042-1.707-4.042-3.812s1.81-3.812 4.042-3.812c2.232-.001 4.042 1.707 4.042 3.812"/><path fill="#c6e5b3" d="M18.417 10.146c0 1.585-1.362 2.869-3.042 2.869s-3.042-1.285-3.042-2.869s1.362-2.87 3.042-2.87c1.68.001 3.042 1.286 3.042 2.87"/><ellipse cx="8.167" cy="14.5" fill="#292f33" rx="2.292" ry="2"/><path fill="#dd2e44" d="M17.524 15.182c1.267 2.388-2.104.951-4.614 2.284c-2.511 1.333-3.209 4.929-4.477 2.541s-.26-5.404 2.25-6.737c2.511-1.332 5.574-.476 6.841 1.912"/><ellipse cx="24.167" cy="12.5" fill="#292f33" rx="2.292" ry="2"/><path fill="#9266cc" d="M29.117 20.129c-1.564 1.48-1.178-1.412-2.734-3.056c-1.558-1.644-4.466-1.415-2.903-2.896s4.094-1.349 5.65.294s1.551 4.177-.013 5.658"/><path fill="#e1e8ed" d="M28.117 21.129c-1.564 1.48-1.178-1.412-2.734-3.057c-1.558-1.643-4.466-1.415-2.903-2.896s4.094-1.349 5.65.294s1.551 4.178-.013 5.659"/><path fill="#dd2e44" d="M24.013 19.928c.781 2.062-1.798.555-3.966 1.377c-2.166.821-3.1 3.658-3.881 1.597s.343-4.398 2.509-5.219s4.556.185 5.338 2.245"/><path fill="#ea596e" d="M8.958 19.084c-.167-1.542 2.833-8.418 8.167-2.417c-1.25.208-4.292.208-5.667 2.125s-2.625.208-2.5.292"/><path fill="#a6d388" d="M4.917 19.709c-.728-.971 1.75-3.209 3.625-1.293c.792-.958 4.708-2.874 6.167 1.293c.667-.75 6.125-.917 6.208 3.708c.041.625-6.295.506-9.542-.25c-1.792-.417-5.083-1.625-6.458-3.458M26 22.458c-1.167.315.793-5.125 4.459-4.208c.125-1 .916-4.292 3.208-3.708c.083.958.041 5.832-7.667 7.916"/></svg>
Green Salad アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:green-salad" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:green-salad" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:green-salad" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--green-salad]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:green-salad"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:green-salad"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/green-salad.svg" alt="Green Salad アイコン" width="24" height="24">
他のアイコンセットの Green Salad アイコン
Green Salad アイコン のよくある質問
Green Salad アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Green Salad アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:green-salad" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Green Salad アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/green-salad.svg" alt="Green Salad アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
