Zany Face アイコン
twemoji:zany-face
Zany Face アイコン(twemoji:zany-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
- カテゴリ
- スマイリー・感情
- タグ
- zanyface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35.597 14.232c2.083 9.72-4.108 19.289-13.828 21.372S2.48 31.496.397 21.776S4.506 2.487 14.225.404c9.72-2.084 19.289 4.108 21.372 13.828"/><path fill="#f4f7f9" d="M29.284 9.012a6.734 6.734 0 1 1-13.169 2.821a6.734 6.734 0 0 1 13.169-2.821"/><circle cx="22.306" cy="9.291" r="2.037" fill="#292f33"/><path fill="#f4f7f9" d="M14.088 14.282a3.938 3.938 0 1 1-7.7 1.65a3.938 3.938 0 0 1 7.7-1.65"/><circle cx="10.238" cy="15.857" r="1.942" fill="#292f33" transform="rotate(-12.095 10.236 15.853)"/><path fill="#65471b" d="M18.625 20.937c-3.543.759-5.981.85-9.01.908c-.691.015-1.955.419-1.536 2.375c.838 3.911 6.379 7.837 12.642 6.495c6.262-1.342 9.708-7.194 8.87-11.105c-.419-1.956-1.739-1.808-2.375-1.536c-2.786 1.187-5.048 2.104-8.591 2.863"/><path fill="#e8596e" d="M11 24.004v6c0 3 2 6 6 6s6-3 6-6v-6z"/><path fill="#dd2f45" d="M17 31.883a.545.545 0 0 0 .545-.545v-6.295h-1.091v6.295a.546.546 0 0 0 .546.545"/><path fill="#fff" d="M10.034 23.801s3.143.349 9.01-.908s8.591-2.864 8.591-2.864s-1.117 4.33-7.962 5.797s-9.639-2.025-9.639-2.025"/></svg>Zany Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:zany-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:zany-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:zany-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--zany-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:zany-face"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:zany-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/zany-face.svg" alt="Zany Face アイコン" width="24" height="24">他のアイコンセットの Zany Face アイコン
Zany Face アイコン のよくある質問
Zany Face アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Zany Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:zany-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zany Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/zany-face.svg" alt="Zany Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。