Head Shaking Horizontally アイコン
twemoji:head-shaking-horizontally
Head Shaking Horizontally アイコン(twemoji:head-shaking-horizontally)は、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
- カテゴリ
- スマイリー・感情
- タグ
- headshaking、shakinghorizontally、headshakinghorizontally
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="16" cy="20" r="16" fill="#ffcc4d"/><path fill="#664500" d="M21.85 17.97a.52.52 0 0 0-.54-.01c-.01.01-1.12.66-3.29.66s-3.28-.65-3.28-.66c-.16-.1-.39-.1-.54.01c-.16.1-.21.28-.13.43c.05.1 1.33 2.4 3.96 2.4s3.9-2.3 3.96-2.4c.07-.15.01-.33-.14-.43m-12.58-.01c-.01.01-1.12.66-3.29.66s-3.28-.65-3.28-.66c-.16-.1-.39-.1-.54.01c-.16.1-.22.28-.14.43c.05.1 1.33 2.4 3.96 2.4s3.9-2.3 3.96-2.4c.08-.15.03-.33-.13-.43a.52.52 0 0 0-.54-.01M6.4 24.53c.03.14.89 3.33 5.69 3.33c4.81 0 5.66-3.19 5.69-3.33a.37.37 0 0 0-.18-.42a.395.395 0 0 0-.46.06c-.01.01-1.49 1.41-5.06 1.41s-5.04-1.4-5.06-1.41a.39.39 0 0 0-.46-.06c-.13.08-.2.25-.16.42"/><path fill="#5dadec" d="M25.23 25.88c.03.53.47.95 1 .95h.04c1.84-.09 6.4-.48 8.94-2.18c.46-.3.59-.92.28-1.38a.987.987 0 0 0-1.38-.28c-2.19 1.46-6.62 1.78-7.93 1.84c-.55.03-.98.5-.95 1.05m8.65-10.5c-.4-.16-.83-.25-1.27-.25h-1.2c-.1 0-.19.03-.27.06c.2.63.36 1.28.48 1.94h.99c.18 0 .35.03.52.1c.65.26.88.85.87 1.32c0 .22-.07.95-.87 1.25c-.39.15-.81.28-1.24.4c-2.19.61-4.97.93-8.31.93c-.55 0-1 .45-1 1s.45 1 1 1c3.17 0 5.9-.27 8.14-.81c.76-.18 1.47-.4 2.12-.64a3.32 3.32 0 0 0 2.16-3.1c.02-1.42-.82-2.67-2.12-3.2"/></svg>
Head Shaking Horizontally アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:head-shaking-horizontally" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:head-shaking-horizontally" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:head-shaking-horizontally" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--head-shaking-horizontally]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:head-shaking-horizontally"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:head-shaking-horizontally"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/head-shaking-horizontally.svg" alt="Head Shaking Horizontally アイコン" width="24" height="24">
他のアイコンセットの Head Shaking Horizontally アイコン
Head Shaking Horizontally アイコン のよくある質問
Head Shaking Horizontally アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Head Shaking Horizontally アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:head-shaking-horizontally" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Head Shaking Horizontally アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/head-shaking-horizontally.svg" alt="Head Shaking Horizontally アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
