Head Shaking Vertically アイコン
fluent-emoji-flat:head-shaking-vertically
Head Shaking Vertically アイコン(fluent-emoji-flat:head-shaking-vertically)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
- タグ
- headshaking、shakingvertically、headshakingvertically
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="#402a32" fill-rule="evenodd" d="M23.93 14.019c.594.563.952 1.24 1.096 1.67a.5.5 0 1 0 .948-.316c-.19-.57-.631-1.392-1.355-2.08c-.732-.695-1.767-1.262-3.119-1.262a.5.5 0 0 0 0 1c1.048 0 1.846.433 2.43.988m-15.86 0c-.593.563-.952 1.24-1.096 1.67a.5.5 0 0 1-.948-.316c.19-.57.631-1.392 1.355-2.08c.732-.694 1.767-1.262 3.12-1.262a.5.5 0 1 1 0 1c-1.049 0-1.847.433-2.432.988m-.363 4.383a1 1 0 1 0-1.414 1.415c.525.524 1.847 1.292 3.707 1.292s3.182-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707m12 0a1 1 0 1 0-1.414 1.415c.525.524 1.847 1.292 3.707 1.292s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707m-7.907 6.06a1 1 0 1 0-1.6 1.2c.69.921 2.688 2.4 5.8 2.4s5.11-1.479 5.8-2.4a1 1 0 0 0-1.6-1.2c-.31.413-1.712 1.6-4.2 1.6s-3.89-1.187-4.2-1.6" clip-rule="evenodd"/><path fill="#00a6ed" d="M11.449 1.684a1 1 0 0 1-.633 1.265c-1.103.367-4.278 2.469-3.82 7.968a1 1 0 1 1-1.993.166c-.541-6.5 3.284-9.4 5.18-10.032a1 1 0 0 1 1.266.633M4.332 4.555a1 1 0 0 0-1.664-1.11C1.564 5.102-.09 8.943 1.564 13.351a1 1 0 1 0 1.872-.702c-1.347-3.592 0-6.75.896-8.094"/></g></svg>
Head Shaking Vertically アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:head-shaking-vertically" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:head-shaking-vertically" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:head-shaking-vertically" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--head-shaking-vertically]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:head-shaking-vertically"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:head-shaking-vertically"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/head-shaking-vertically.svg" alt="Head Shaking Vertically アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Head Shaking Vertically アイコン
Head Shaking Vertically アイコン のよくある質問
Head Shaking Vertically アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Head Shaking Vertically アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:head-shaking-vertically" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Head Shaking Vertically アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/head-shaking-vertically.svg" alt="Head Shaking Vertically アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
