Person Facepalming アイコン
twemoji:person-facepalming
Person Facepalming アイコン(twemoji:person-facepalming)は、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
- カテゴリ
- 人物・体
- タグ
- personfacepalming
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#fa743e" d="M27 27H10v9h21v-5a4 4 0 0 0-4-4"/><path fill="#ffac33" d="M21.906 1.262c-2.02-.654-6.772-.475-7.96 1.069c-3.089.059-6.713 2.851-7.188 6.535c-.47 3.645.578 5.338.951 8.079c.422 3.106 2.168 4.099 3.564 4.515C13.281 24.114 15.415 24 19 24c7 0 10.334-4.684 10.629-12.639c.178-4.812-2.645-8.456-7.723-10.099"/><path fill="#ffdc5d" d="M15 22v6a3 3 0 1 0 6 0v-6z"/><path fill="#ffdc5d" d="M25.909 11.701c-.677-.938-1.545-1.693-3.446-1.96c.713.327 1.396 1.455 1.485 2.079s.178 1.129-.386.505c-2.26-2.499-4.722-1.515-7.162-3.041c-1.704-1.066-2.223-2.246-2.223-2.246s-.208 1.574-2.792 3.178c-.749.465-1.643 1.5-2.139 3.03C8.889 14.345 9 15.325 9 17c0 4.889 4.029 9 9 9s9-4.147 9-9c0-3.041-.319-4.229-1.091-5.299"/><path fill="#ffac33" d="M12.737 5.97h2.75v3.89h-2.75z"/><path fill="#c1694f" d="M19 19.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#dd551f" d="m18.734 18.386l1.827.691s-6.529 13.746-7.413 15.022s-1.87 2.055-4.57 1.76zM26 32h1v4h-1z"/><path fill="#dd551f" d="M14.984 28.391s-2.359 4.422-2.865 5.335c-.276.497-1.305 2.009-2.322 2.009c0 0 2.214.122 3.122-1.682a142 142 0 0 1 2.425-4.646s-.125-.328-.203-.484c-.118-.235-.157-.532-.157-.532"/><path fill="#662113" d="M24.157 16.371c-.026-.058-.596-1.288-1.747-1.529l-.49 1.395c.037-.001.063-.009.101-.009c1.162 0 1.76.422 1.774.432a.24.24 0 0 0 .292-.005a.24.24 0 0 0 .07-.284"/><path fill="#ef9645" d="m22.646 8.125l-3.774-1.324a2 2 0 0 0-2.549 1.225l-.756 2.155l-.284-1.14c-.172-.687-.825-1.486-1.77-1.195c-.677.208-.891 1.127-.719 1.815l1.226 4.929l-.345.984l.613 1.275l5.662 1.986c.944.331 1.275-.613 1.275-.613l.696-1.985l.49-1.395l1.462-4.168a2 2 0 0 0-1.227-2.549"/><path fill="#4f140b" d="M22.021 14.792c-1.417 0-2.107 1.515-2.136 1.58a.24.24 0 0 0 .069.283c.084.068.204.07.292.007c.005-.004.578-.397 1.673-.423l.49-1.395a1.8 1.8 0 0 0-.388-.052"/><path fill="#ffdc5d" d="M12.513 7.657a1.284 1.284 0 0 1 1.555.934l.284 1.14l.756-2.155a2 2 0 0 1 2.549-1.225l3.774 1.324a2 2 0 0 1 1.225 2.549l-2.648 7.549s-.331.944-1.275.613L13.072 16.4l-.613-1.275l.345-.984l-1.226-4.929a1.283 1.283 0 0 1 .935-1.555"/><path fill="#ef9645" d="m18.743 12.054l1.655-4.718l.944.331l-1.655 4.718zm-2.83-.993l1.656-4.718l.943.331l-1.655 4.718z"/><path fill="#c1694f" d="M20.995 23.364s-.56-1.117-1.678-1.681c-.246.514-.516 1.078-.807 1.681z"/><path fill="#ef9645" d="m18.734 18.386l-1.9 3.234l-1.024 1.744l-1.16 1.974L15 28c0 .594.178 1.144.476 1.61c.98-1.986 2.097-4.295 3.035-6.246l.807-1.681c.741-1.547 1.244-2.606 1.244-2.606z"/><path fill="#662113" d="M19.317 21.683a2.9 2.9 0 0 0-1.322-.319c-.438 0-.819.107-1.161.256l-1.024 1.744h2.701z"/><path fill="#fa743e" d="M14.278 29.85s-1.719 3.579-2.107 4.416C11.484 35.75 10 36 10 36c-8 0-3.622-8.343-3.622-8.343l6.432-11.846l6.541 2.58z"/></svg>Person Facepalming アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:person-facepalming" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:person-facepalming" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:person-facepalming" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-facepalming]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-facepalming"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:person-facepalming"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/person-facepalming.svg" alt="Person Facepalming アイコン" width="24" height="24">Twitter Emoji の関連アイコン
person
person-bald
person-beard
person-biking
person-biking-dark-skin-tone
person-biking-light-skin-tone
person-biking-medium-dark-skin-tone
person-biking-medium-light-skin-tone
person-biking-medium-skin-tone
person-blond-hair
person-bouncing-ball
person-bouncing-ball-dark-skin-tone
person-bouncing-ball-light-skin-tone
person-bouncing-ball-medium-dark-skin-tone
person-bouncing-ball-medium-light-skin-tone
person-bouncing-ball-medium-skin-tone
person-bowing
person-bowing-dark-skin-tone
person-bowing-light-skin-tone
person-bowing-medium-dark-skin-tone
person-bowing-medium-light-skin-tone
person-bowing-medium-skin-tone
person-cartwheeling
person-cartwheeling-dark-skin-tone
他のアイコンセットの Person Facepalming アイコン
Person Facepalming アイコン のよくある質問
Person Facepalming アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Person Facepalming アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:person-facepalming" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Facepalming アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/person-facepalming.svg" alt="Person Facepalming アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。