Thumbs Up アイコン

Q: Thumbs Up アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:thumbs-up

Thumbs Up アイコン(emojione-v1:thumbs-up)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 人物
タグ: thumbsup、thumb

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#efb086"><path d="M17.17 62.979c4.504 1.215 9.233 1.215 15.12-.049a11.2 11.2 0 0 1-2.088-2.06c-1.532-1.936-1.323-4.605.416-6.581c-.939-1.454-1.24-3.227-.663-4.884c.128-.357.3-.702.503-1.029a7.1 7.1 0 0 1 1.441-1.786c-.114-.057-.244-.106-.352-.163c-.135-.075-.252-.173-.38-.252c-3.593 4.592-8.935 7.743-15.14 8.49l-.234.018c-.962 0-1.732-.747-1.794-1.732a1.81 1.81 0 0 1 1.593-1.931c5.559-.668 10.206-3.505 13.177-7.691c-.451-1.145-.51-2.408-.077-3.615c.232-.658.628-1.264 1.121-1.804c.068-.093.126-.189.203-.281c-1.699-.792-2.528-2.101-2.917-3.272c-.887-2.665.254-5.197 3.094-7.04c.264-.226.534-.451.81-.658c-1.945.103-3.766-.277-5.259-1.295l-1.322-.897l1.636-1.224c.219-.177.425-.344.698-.473c2.795-1.326 4.312-3.527 4.641-6.728c.544-5.327-.384-9.379-2.917-12.755c-.742-.99-1.949-1.945-3.303-2.617c-.41-.202-.803-.305-1.196-.305c-.864 0-1.799.469-3.03 1.513c-.96.803-.967 1.674-.62 3.327c.11.519.292 1.075.567 1.751c1.629 3.929.946 7.85-1.976 11.342c-2.352 2.82-4.338 4.741-6.439 6.231c-6.887 4.888-9.37 11.208-7.582 19.314c.434 1.976.803 3.961 1.17 5.944l.313 1.692c1.147 6.087 4.677 9.848 10.789 11.501"/><path d="M48.673 23.55c-.196 0-.393.001-.596.021c-1.562.129-3.118.492-4.381 1.03c-3.254 1.383-7.06 3.061-10.645 4.98c-2.192 1.177-3.087 2.419-2.663 3.687c.234.699.851 1.622 3.525 1.622q.528 0 1.05-.039c4.104-.309 9.36-.106 11.965-.881c2.607-.772 2.955-1.374 3.262-1.497c2.405-1.01 3.814-3.356 3.338-5.401c-.486-2.094-2.346-3.522-4.855-3.522m4.717 11.51a2.3 2.3 0 0 0-.425-.035c-.272 0-.469.044-.563.083c-4.724 2.061-10.05 3.179-16.758 3.522c-1.606.081-3.35 1.065-3.805 2.153c-.422 1.01.07 2.028 1.263 2.612c.703.349 1.576.632 2.524.817c1.092.217 2.775.331 4.866.331c4.557 0 9.84-.543 12.293-1.264c2.729-.809 4.316-2.44 4.35-4.474c.027-1.859-1.479-3.364-3.745-3.745m.9 12.897c-5.718.968-11.438 1.087-16.967.34a4 4 0 0 0-.542-.035c-1.538 0-3.105.849-3.645 1.971c-.554 1.163.047 2.538 1.397 3.188c3.668 1.75 7.815 1.883 12.206 2.023l.79.022c1.06.04 2.168-.009 2.976-.044l.661-.022c2.554-.627 4.505-2.099 5.107-3.862c.394-1.146.181-2.268-.607-3.249c-.424-.522-.717-.452-1.376-.332m-20.862 8.662c-.535.786-.588 1.676-.095 2.32q1.01 1.353 2.04 1.963c2.897 1.729 6.35 2.744 10.566 3.111c2.112.194 3.94-.429 5.306-1.817c1.055-1.078 1.447-2.125 1.213-3.305c-7.687.694-13.651-.035-19.03-2.272"/></g></svg>

Thumbs Up アイコンの使い方

React

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

<Icon icon="emojione-v1:thumbs-up" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:thumbs-up" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:thumbs-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--thumbs-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:thumbs-up"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:thumbs-up"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/thumbs-up.svg" alt="Thumbs Up アイコン" width="24" height="24">

Emoji One (v1) の関連アイコン

他のアイコンセットの Thumbs Up アイコン

Thumbs Up アイコンのよくある質問

Thumbs Up アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Thumbs Up アイコンを使うには?

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

Thumbs Up アイコンをウェブページに追加するには?

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

Emoji One (v1) アイコンをすべて見る →