Face Vomiting アイコン
streamline-emojis:face-vomiting
Face Vomiting アイコン(streamline-emojis:face-vomiting)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- スマイリー・人物
- タグ
- facevomiting
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M6.27 45.5a17.73 1.5 0 1 0 35.46 0a17.73 1.5 0 1 0-35.46 0" opacity=".15"/><path fill="#ffe500" d="M5.82 19.68a18.18 18.18 0 1 0 36.36 0a18.18 18.18 0 1 0-36.36 0"/><path fill="#ebcb00" d="M24 1.5a18.19 18.19 0 1 0 18.18 18.18A18.18 18.18 0 0 0 24 1.5m0 33.64a16.6 16.6 0 1 1 16.59-16.59A16.59 16.59 0 0 1 24 35.14"/><path fill="#fff48c" d="M18.55 5.14a5.45 1.36 0 1 0 10.9 0a5.45 1.36 0 1 0-10.9 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.82 19.68a18.18 18.18 0 1 0 36.36 0a18.18 18.18 0 1 0-36.36 0"/><path fill="#ffaa54" d="M37.18 24.23c0 .75-1 1.36-2.27 1.36s-2.27-.61-2.27-1.36s1-1.37 2.27-1.37s2.27.62 2.27 1.37m-26.36 0c0 .75 1 1.36 2.27 1.36s2.27-.61 2.27-1.36s-1-1.37-2.27-1.37s-2.27.62-2.27 1.37"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14 30.14a10 5.45 0 1 0 20 0a10 5.45 0 1 0-20 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.78 14.83A10.75 10.75 0 0 1 28.09 12m-13.87 2.83A10.75 10.75 0 0 0 19.91 12m15.24 4.5L32.23 18a.91.91 0 0 0 0 1.63l2.92 1.46m-22.3-4.59l2.92 1.5a.91.91 0 0 1 0 1.63l-2.92 1.46"/><path fill="#6dd627" d="M33 38.83a3.1 3.1 0 0 1 1.51.31a2 2 0 0 1 1.13 1.34c2.08.93 2.62 2 2.5 3.2s-1 1.82-4.54 1.82H14.46c-3.53 0-4.44-.61-4.55-1.82s.54-2.5 3.24-3.49a2.4 2.4 0 0 1 1.31-3.78c1.74-.29 1.81-1.82 1.81-4.09v-5.64a14.35 14.35 0 0 1 7.73-2a14.35 14.35 0 0 1 7.73 2v6.55c0 1.63.19 4.08 1.27 5.6"/><path fill="#46b000" d="M31.73 30.18v-3.5a14.35 14.35 0 0 0-7.73-2a14.35 14.35 0 0 0-7.73 2v3.5a14.35 14.35 0 0 1 7.73-2a14.35 14.35 0 0 1 7.73 2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33 38.83a3.1 3.1 0 0 1 1.51.31a2 2 0 0 1 1.13 1.34c2.08.93 2.62 2 2.5 3.2s-1 1.82-4.54 1.82H14.46c-3.53 0-4.44-.61-4.55-1.82s.54-2.5 3.24-3.49a2.4 2.4 0 0 1 1.31-3.78c1.74-.29 1.81-1.82 1.81-4.09v-5.64a14.35 14.35 0 0 1 7.73-2a14.35 14.35 0 0 1 7.73 2v6.55c0 1.63.19 4.08 1.27 5.6"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.09 30.5c0 3.52.66 7.61 2.28 8.18s2.61-.25 4.09.46a2 2 0 0 1 0 3.63M16.27 32.32c0 2.27-.07 3.8-1.81 4.09s-2.53 3.16-.91 4.09a4.56 4.56 0 0 0 4.31-.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.46 33.23s-.21 5.82-2.28 8.18c-1.32 1.51-1.44 4.09 0 4.09m8.18-10s.8 5 1.82 5.91s2.45.45 3.64.91s1.4 3.18-.45 3.18m-8.19 0a2.17 2.17 0 0 1-.91-2.73"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.33 36.5s.4-1.68.88-3.21A1.41 1.41 0 0 1 43 33.2c.63 1.63-1.33 3.2-3.67 3.3m.09 3.67a9 9 0 0 0 1.79-1.4c.88-1 2.77.55 1.4 1.8s-3.19-.4-3.19-.4m-31.58.22a12.5 12.5 0 0 1-.74-3.06c-.1-1.83-3.47-1.8-3.1.73s3.84 2.33 3.84 2.33"/></svg>
Face Vomiting アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:face-vomiting" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:face-vomiting" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:face-vomiting" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--face-vomiting]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:face-vomiting"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:face-vomiting"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/face-vomiting.svg" alt="Face Vomiting アイコン" width="24" height="24">
Streamline Emojis の関連アイコン
他のアイコンセットの Face Vomiting アイコン
Face Vomiting アイコン のよくある質問
Face Vomiting アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Face Vomiting アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:face-vomiting" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face Vomiting アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/face-vomiting.svg" alt="Face Vomiting アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Streamline Emojis アイコン をすべて見る →
