Gesturing Ok 1 アイコン

Q: Gesturing Ok 1 アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:gesturing-ok-1

Gesturing Ok 1 アイコン(streamline-emojis:gesturing-ok-1)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物
タグ: gesturingok

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.75 12.3a11.76 11.76 0 0 1 7.78-3.78A1.39 1.39 0 0 1 20 10a1.37 1.37 0 0 1-.49 1l-4.7 3.93Zm26.5 0a11.76 11.76 0 0 0-7.78-3.78A1.39 1.39 0 0 0 28 10a1.37 1.37 0 0 0 .49 1l4.7 3.93Z"/><path fill="#724f3d" d="M24 9.82a10.88 10.88 0 0 1 10.88 10.87v14.19a1.24 1.24 0 0 1-.77 1.12a27.1 27.1 0 0 1-20.22 0a1.24 1.24 0 0 1-.77-1.14V20.69A10.88 10.88 0 0 1 24 9.82"/><path fill="#a86c4d" d="M24 9.82a10.88 10.88 0 0 0-10.88 10.87v3a10.88 10.88 0 0 1 21.76 0v-3A10.88 10.88 0 0 0 24 9.82"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 9.82a10.88 10.88 0 0 1 10.88 10.87v14.19a1.24 1.24 0 0 1-.77 1.12h0a27.1 27.1 0 0 1-20.22 0h0a1.24 1.24 0 0 1-.77-1.14V20.69A10.88 10.88 0 0 1 24 9.82"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.06 23a8.77 8.77 0 0 1-5.67-5l-.62-1.49a15.92 15.92 0 0 1-9.95 6.18l-1.89.31a1.81 1.81 0 0 0 0 3.62h.12a9 9 0 0 0 17.9 0h.11a1.81 1.81 0 1 0 0-3.62"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.57 24.41a.77.77 0 1 0 .77-.77a.76.76 0 0 0-.77.77m10.86 0a.77.77 0 1 1-.77-.77a.76.76 0 0 1 .77.77"/><path fill="#ff6242" d="M21.16 29.1a.44.44 0 0 0-.33.16a.42.42 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.42.42 0 0 0-.1-.35a.42.42 0 0 0-.33-.16Z"/><path fill="#ffa694" d="M24 30.47a4 4 0 0 0-2.52.77a3.36 3.36 0 0 0 5 0a4 4 0 0 0-2.48-.77"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.16 29.1a.44.44 0 0 0-.33.16a.42.42 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.42.42 0 0 0-.1-.35a.44.44 0 0 0-.33-.16Z"/><path fill="#ffaa54" d="M17.06 27.69a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0m11.88 0a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0"/><path fill="#45413c" d="M9 45.5a15 1.5 0 1 0 30 0a15 1.5 0 1 0-30 0" opacity=".15"/><path fill="#ff87af" d="m36.92 12.52l-3.71 2.39s2.29 3.23 1.67 10.16a19.4 19.4 0 0 1-3.31 9.23a3 3 0 0 1-3.48 1.14a12 12 0 0 0-8.18 0a3 3 0 0 1-3.48-1.14a19.4 19.4 0 0 1-3.31-9.23c-.62-6.93 1.67-10.16 1.67-10.16l-3.71-2.39a1 1 0 0 0-1.39.32a26.63 26.63 0 0 0-4.3 16.51C6 41.57 13.37 45 13.37 45h21.26s7.34-3.43 8-15.65a26.63 26.63 0 0 0-4.3-16.51a1 1 0 0 0-1.41-.32"/><path fill="#ff6196" d="M13.08 24.53a24 24 0 0 0 0 4a19.33 19.33 0 0 0 3.31 9.22a3 3 0 0 0 3.48 1.14a12 12 0 0 1 8.18 0a3 3 0 0 0 3.48-1.14a19.33 19.33 0 0 0 3.31-9.22a24 24 0 0 0 0-4v.54a19.4 19.4 0 0 1-3.31 9.23a3 3 0 0 1-3.48 1.14a12 12 0 0 0-8.18 0a3 3 0 0 1-3.48-1.14a19.4 19.4 0 0 1-3.31-9.23c.03-.18.01-.36 0-.54"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m36.92 12.52l-3.71 2.39s2.29 3.23 1.67 10.16a19.4 19.4 0 0 1-3.31 9.23a3 3 0 0 1-3.48 1.14a12 12 0 0 0-8.18 0a3 3 0 0 1-3.48-1.14a19.4 19.4 0 0 1-3.31-9.23c-.62-6.93 1.67-10.16 1.67-10.16l-3.71-2.39a1 1 0 0 0-1.39.32a26.63 26.63 0 0 0-4.3 16.51C6 41.57 13.37 45 13.37 45h21.26s7.34-3.43 8-15.65a26.63 26.63 0 0 0-4.3-16.51a1 1 0 0 0-1.41-.32"/><path fill="#ffe500" d="M24 34.3a8.9 8.9 0 0 1-2.54-.37v2.14a2.54 2.54 0 1 0 5.08 0v-2.14a8.9 8.9 0 0 1-2.54.37"/><path fill="#ebcb00" d="M24 34.3a8.9 8.9 0 0 1-2.54-.37a2.54 2.54 0 1 0 5.08 0a8.9 8.9 0 0 1-2.54.37"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 34.3a8.9 8.9 0 0 1-2.54-.37v2.14a2.54 2.54 0 1 0 5.08 0v-2.14a8.9 8.9 0 0 1-2.54.37"/></svg>

Gesturing Ok 1 アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:gesturing-ok-1" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:gesturing-ok-1" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:gesturing-ok-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--gesturing-ok-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:gesturing-ok-1"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:gesturing-ok-1"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/gesturing-ok-1.svg" alt="Gesturing Ok 1 アイコン" width="24" height="24">

Gesturing Ok 1 アイコンのよくある質問

Gesturing Ok 1 アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Gesturing Ok 1 アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-emojis:gesturing-ok-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Gesturing Ok 1 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/gesturing-ok-1.svg" alt="Gesturing Ok 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →