Smiling Face With Open Hands アイコン
twemoji:smiling-face-with-open-hands
Smiling Face With Open Hands アイコン(twemoji:smiling-face-with-open-hands)は、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
- カテゴリ
- スマイリー・感情
- タグ
- smilingface、facewith、withopen、openhands、smilingfacewithopenhands、hand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M34 16c0 8.834-7.166 16-16 16c-8.836 0-16-7.166-16-16C2 7.164 9.164 0 18 0c8.834 0 16 7.164 16 16"/><path fill="#664500" d="M25.861 16.129a.37.37 0 0 0-.535-.029c-.033.029-3.303 2.9-7.326 2.9c-4.013 0-7.293-2.871-7.326-2.9a.374.374 0 0 0-.535.029a.57.57 0 0 0-.079.628C10.168 16.972 12.769 22 18 22s7.833-5.028 7.94-5.243a.57.57 0 0 0-.079-.628"/><path fill="#f4900c" d="m13.393 23.154l-1.539-2.219s-.543-.867-1.411-.325c-.867.541-.324 1.409-.324 1.409l1.758 3.38s.144.768-.918-.091c-.463-.374-.197-.163-.197-.163l-.44-.361l-5.491-4.508s-.709-.748-1.359.042c-.648.791.223 1.341.223 1.341l5.193 4.266c-.12.12-.482.534-.6.663l-5.557-4.56s-.71-.749-1.358.041c-.65.791.222 1.341.222 1.341l5.555 4.562c-.103.14-.363.476-.459.614l-4.792-3.934s-.71-.748-1.358.042c-.651.791.222 1.342.222 1.342l5.094 4.184c-.064.178-.363.646-.41.82l-3.672-3.012s-.709-.752-1.357.041c-.65.791.222 1.341.222 1.341l5.93 4.868l.395.326a6.14 6.14 0 0 0 8.4-8.918c-.729-.782-1.36-1.653-1.972-2.532m22.19 4.916c-.648-.793-1.357-.041-1.357-.041l-3.672 3.012c-.047-.174-.346-.643-.41-.82l5.094-4.184s.873-.551.223-1.342c-.648-.79-1.358-.042-1.358-.042l-4.792 3.934c-.096-.139-.357-.475-.459-.614l5.555-4.562s.873-.55.223-1.341c-.648-.79-1.357-.041-1.357-.041l-5.558 4.56c-.117-.129-.479-.543-.6-.663l5.193-4.266s.87-.55.223-1.341c-.65-.79-1.359-.042-1.359-.042l-5.491 4.508l-.439.361s.99-.841-.197.163s-.918.091-.918.091l1.758-3.38s.543-.868-.324-1.409c-.869-.542-1.411.325-1.411.325l-1.538 2.219c-.613.879-1.244 1.75-1.974 2.533a6.14 6.14 0 0 0 8.401 8.918l.396-.326l5.93-4.868c-.005-.001.867-.551.218-1.342"/><path fill="#664500" d="M27.677 10.983C27.626 10.861 26.392 8 23.856 8c-2.534 0-3.768 2.861-3.819 2.983a.47.47 0 0 0 .123.536a.414.414 0 0 0 .523.012c.01-.009 1.081-.816 3.173-.816c2.079 0 3.149.797 3.174.816a.41.41 0 0 0 .522-.01a.47.47 0 0 0 .125-.538m-11 0C16.625 10.861 15.392 8 12.856 8c-2.534 0-3.768 2.861-3.82 2.983a.47.47 0 0 0 .124.536c.15.128.366.132.523.012c.011-.009 1.081-.816 3.173-.816c2.08 0 3.149.797 3.173.816a.4.4 0 0 0 .255.089a.42.42 0 0 0 .267-.099a.47.47 0 0 0 .126-.538"/><path fill="#b55005" d="M11.182 25.478s-2.593 3.314.484 7.46c.212.285.75.146.521-.188c-.25-.364-2.75-3.896-.4-7.057c0 0-.381-.047-.605-.215m13.583.098s2.594 3.314-.484 7.46c-.212.285-.75.146-.521-.188c.25-.364 2.75-3.896.4-7.057c-.001.001.381-.046.605-.215"/></svg>
Smiling Face With Open Hands アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:smiling-face-with-open-hands" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:smiling-face-with-open-hands" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:smiling-face-with-open-hands" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--smiling-face-with-open-hands]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:smiling-face-with-open-hands"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:smiling-face-with-open-hands"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-open-hands.svg" alt="Smiling Face With Open Hands アイコン" width="24" height="24">
他のアイコンセットの Smiling Face With Open Hands アイコン
Smiling Face With Open Hands アイコン のよくある質問
Smiling Face With Open Hands アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Smiling Face With Open Hands アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:smiling-face-with-open-hands" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smiling Face With Open Hands アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-open-hands.svg" alt="Smiling Face With Open Hands アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
