ICONYZ
日本語
Twitter Emoji の Face Vomiting アイコン

Face Vomiting アイコン

twemoji:face-vomiting

Face Vomiting アイコン(twemoji:face-vomiting)は、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
カテゴリ
スマイリー・感情
タグ
facevomiting
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35 17c0 9.389-7.611 17-17 17S1 26.389 1 17S8.612 0 18 0s17 7.612 17 17"/><path fill="#65471b" d="M18 27.136c3.335 0 5.547.388 8.284.92c.625.12 1.841 0 1.841-1.841c0-3.682-4.23-8.284-10.125-8.284S7.875 22.533 7.875 26.215c0 1.841 1.216 1.962 1.841 1.841c2.736-.532 4.949-.92 8.284-.92M6.668 18.888a.944.944 0 0 1-.567-1.7c.135-.101 2.787-2.061 6.475-2.77c-2.338-1.172-4.932-1.197-4.965-1.197a.944.944 0 0 1 .002-1.889c.209 0 5.149.036 8.223 3.11a.945.945 0 0 1-.667 1.612c-4.357 0-7.898 2.618-7.933 2.644a.94.94 0 0 1-.568.19m22.664 0a.94.94 0 0 1-.564-.187c-.036-.027-3.6-2.645-7.935-2.645a.942.942 0 0 1-.667-1.612c3.075-3.075 8.015-3.11 8.223-3.11a.944.944 0 0 1 .002 1.889c-.034 0-2.629.025-4.966 1.197c3.688.708 6.34 2.668 6.475 2.77a.944.944 0 0 1-.568 1.698"/><path fill="#77af57" d="M25.712 32.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778 2.593-7.778 5.185v7.101c-4.403.349-7.359.985-7.359 1.713c0 1.105 6.777 2 15.137 2s15.137-.895 15.137-2c0-.728-2.956-1.364-7.359-1.713"/><circle cx="15.875" cy="23.228" r="1.235" fill="#5d8f3f"/><circle cx="20.698" cy="25.64" r="1.235" fill="#5d8f3f"/><circle cx="21.232" cy="30.515" r="1.235" fill="#5d8f3f" transform="rotate(-80.781 21.232 30.514)"/><circle cx="15.107" cy="32.548" r="1.765" fill="#5d8f3f" transform="rotate(-80.781 15.107 32.548)"/></svg>

Face Vomiting アイコンの使い方

React

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

<Icon icon="twemoji:face-vomiting" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:face-vomiting" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:face-vomiting" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--face-vomiting]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:face-vomiting"></div>

Web コンポーネント

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

<iconify-icon icon="twemoji:face-vomiting"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/face-vomiting.svg" alt="Face Vomiting アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Face Vomiting アイコン

Face Vomiting アイコン のよくある質問

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

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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