Woozy Face アイコン
twemoji:woozy-face
Woozy Face アイコン(twemoji:woozy-face)は、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
- カテゴリ
- スマイリー・感情
- タグ
- woozyface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#65471b" d="M6.001 11a1 1 0 0 1-.004-2c.156-.002 3.569-.086 6.205-3.6a1 1 0 0 1 1.6 1.2C10.539 10.95 6.185 11 6.001 11m24.986 2.393a1 1 0 0 1-1.945.468c-.038-.151-.911-3.452-4.941-5.201a1 1 0 0 1 .796-1.834c4.989 2.165 6.047 6.388 6.09 6.567"/><path fill="#664500" d="M23.186 29.526c-.993 0-1.952-.455-2.788-1.339c-2.816-2.985-3.569-2.333-4.817-1.251c-.781.679-1.754 1.523-3.205 1.523c-2.351 0-3.969-2.302-4.036-2.4a1 1 0 0 1 1.644-1.14c.301.429 1.317 1.54 2.393 1.54c.704 0 1.256-.479 1.895-1.033c1.816-1.578 3.764-2.655 7.583 1.388c.823.873 1.452.774 1.908.592c1.659-.665 3.205-3.698 3.197-5.15a1 1 0 0 1 .994-1.005h.006a1 1 0 0 1 1 .995c.012 2.103-1.854 5.976-4.454 7.017a3.6 3.6 0 0 1-1.32.263"/><path fill="#65471b" d="M14.815 15.375c-.584 2.114-1.642 3.083-3.152 2.666c-1.509-.417-2.343-1.909-1.76-4.023c.583-2.112 2.175-3.363 3.684-2.946c1.511.417 1.812 2.19 1.228 4.303m11.416-.755c.473 2.141-.675 4.838-2.204 5.176s-3.28-1.719-3.753-3.86s.419-3.971 1.948-4.309s3.536.853 4.009 2.993"/></svg>Woozy Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:woozy-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:woozy-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:woozy-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--woozy-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:woozy-face"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:woozy-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/woozy-face.svg" alt="Woozy Face アイコン" width="24" height="24">他のアイコンセットの Woozy Face アイコン
Woozy Face アイコン のよくある質問
Woozy Face アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Woozy Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:woozy-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Woozy Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/woozy-face.svg" alt="Woozy Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。