Head Shaking Vertically アイコン
noto:head-shaking-vertically
Head Shaking Vertically アイコン(noto:head-shaking-vertically)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- スマイリー・感情
- タグ
- headshaking、shakingvertically、headshakingvertically
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVGentXvc7h" cx="64" cy="-985.9" r="51.059" gradientTransform="matrix(1 0 0 -1 0 -912)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#FDE030"/><stop offset=".92" stop-color="#F7C02B"/><stop offset="1" stop-color="#F4A223"/></radialGradient><path fill="url(#SVGentXvc7h)" d="M64 124c-25 0-52-15.7-52-50.1s27-50.1 52-50.1c13.9 0 26.7 4.6 36.2 12.9c10.3 9.1 15.8 22.1 15.8 37.2s-5.5 28-15.8 37.1c-9.5 8.3-22.4 13-36.2 13"/><path fill="#EB8F00" d="M106.9 44.1c4.8 7.7 7.3 16.9 7.3 27.1c0 15.2-5.5 28-15.8 37.1c-9.5 8.3-22.4 13-36.2 13c-16.2 0-33.2-6.6-43.2-20.6c9.6 15.8 27.8 23.3 45 23.3c13.8 0 26.7-4.7 36.2-13c10.3-9.1 15.8-22 15.8-37.1c0-11.5-3.1-21.6-9.1-29.8"/><path fill="#422B0D" d="m51.1 81.9l-.2.2c-.1.2-.3.3-.5.4l-.6.5l-.9.6c-.3.2-.7.4-1.1.6s-.8.4-1.2.5s-.9.2-1.3.3c-.5.1-.9.1-1.4.1h-.8l-.6-.1c-.5-.1-.9-.2-1.3-.3c-.4-.2-.8-.3-1.2-.6c-.4-.2-.7-.4-1.1-.6c-.5-.4-1-.7-1.5-1.2l-.6-.5l-.2-.2c-1.1-1-2.9-1.1-4.1-.2c-.9.7-1.2 1.9-.7 2.9l.1.3c.1.3.3.5.4.8c.9 1.5 2.2 2.9 3.7 3.9c.7.5 1.5.9 2.3 1.3q1.35.6 2.7.9c.5.1 1 .2 1.6.2c.3 0 .6.1.7.1h.7q1.5 0 3-.3q1.35-.3 2.7-.9c.8-.3 1.5-.8 2.3-1.3c1.1-.8 2.1-1.7 2.9-2.8l.4-.6l.4-.6c.1-.2.3-.5.3-.7l.1-.2c.5-1.3-.1-2.8-1.4-3.3c-.1 0-.2-.1-.3-.1c-1.3-.3-2.5 0-3.3.9m40.3 0l-.2.2c-.1.2-.3.3-.5.4l-.5.5l-.9.6c-.3.2-.7.4-1.1.6s-.8.4-1.2.5s-.9.2-1.3.3c-.5.1-.9.1-1.4.1h-.8l-.6-.1c-.5-.1-.9-.2-1.3-.3c-.4-.2-.8-.3-1.2-.6c-.4-.2-.7-.4-1.1-.6c-.5-.4-1-.7-1.5-1.2l-.6-.5l-.2-.2c-1.1-1-2.9-1.1-4.1-.2c-.9.7-1.2 1.9-.7 2.9l.1.3c.1.3.3.5.4.8c.9 1.5 2.2 2.9 3.7 3.9c.7.5 1.5.9 2.3 1.3q1.35.6 2.7.9c.5.1 1 .2 1.6.2c.3 0 .6.1.7.1h.7q1.5 0 3-.3c.9-.2 1.9-.5 2.7-.9c.8-.3 1.5-.8 2.3-1.3c1.1-.8 2.1-1.7 2.9-2.8l.4-.6l.4-.6c.1-.2.3-.5.3-.7l.1-.2c.5-1.3-.1-2.8-1.4-3.3c-.1 0-.2-.1-.3-.1c-1.2-.3-2.5 0-3.4.9m-11 22.2c-.4-.7-1.2-.7-2.5-.3c-3.8 1.2-9.2 1.6-13.8 1.6s-10-.4-13.9-1.6c-1.3-.4-2.1-.4-2.5.3s-.4 1.6.4 2.7c1.6 2.3 8.8 5.7 16 5.7s14.3-3.5 16-5.7c.7-1.1.7-2 .3-2.7"/><path fill="none" stroke="#B0BEC5" stroke-linecap="round" stroke-miterlimit="10" stroke-width="5" d="m30.6 26.4l-8.5-10.6m30.2 2.7L48.5 3.2m48.9 23.2l8.5-10.6m-30.2 2.7l3.8-15.3"/></svg>Head Shaking Vertically アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto:head-shaking-vertically" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:head-shaking-vertically" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:head-shaking-vertically" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--head-shaking-vertically]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:head-shaking-vertically"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:head-shaking-vertically"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto/head-shaking-vertically.svg" alt="Head Shaking Vertically アイコン" width="24" height="24">Noto Emoji の関連アイコン
他のアイコンセットの Head Shaking Vertically アイコン
Head Shaking Vertically アイコン のよくある質問
Head Shaking Vertically アイコンは商用利用でも無料ですか?
はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Head Shaking Vertically アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto:head-shaking-vertically" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Head Shaking Vertically アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/head-shaking-vertically.svg" alt="Head Shaking Vertically アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。