Thumbs Up アイコン

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

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:thumbs-up

Thumbs Up アイコン(reicon:thumbs-up)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: いいね
タグ: thumbsup、thumb

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.405 9.304L11.6 2.057c.29-.5.824-.807 1.401-.805a2.937 2.937 0 0 1 2.912 3.325l-.556 4.172h2.367c.813 0 1.472 0 2 .047c.541.047 1.028.148 1.462.404a3.25 3.25 0 0 1 1.426 1.755c.162.477.161.974.097 1.514c-.062.526-.197 1.171-.363 1.967l-.687 3.29c-.161.77-.29 1.39-.433 1.887c-.148.514-.323.95-.6 1.341a4.25 4.25 0 0 1-1.78 1.446c-.44.191-.902.274-1.435.313c-.516.038-1.148.038-1.935.037h-.764c-1.348 0-2.1 0-2.842-.104a11 11 0 0 1-1.937-.457c-.649-.219-1.267-.519-2.29-1.03a2 2 0 0 1-.138.364a2.25 2.25 0 0 1-.984.983c-.283.145-.578.199-.875.223c-.28.023-.622.023-1.017.023H4.37c-.395 0-.736 0-1.017-.023c-.297-.024-.592-.078-.875-.223a2.25 2.25 0 0 1-.984-.983a2.3 2.3 0 0 1-.222-.875c-.023-.28-.023-.622-.023-1.017v-8.258c0-.396 0-.737.023-1.018a2.3 2.3 0 0 1 .222-.875a2.25 2.25 0 0 1 .984-.983c.283-.145.578-.198.875-.222c.28-.023.622-.023 1.017-.023h.258c.395 0 .736 0 1.017.023c.297.024.592.077.875.222c.363.185.668.464.884.807m5.494-6.495a.11.11 0 0 1 .099-.057l.002-.75v.75c.87 0 1.541.765 1.426 1.627l-.67 5.021a.75.75 0 0 0 .744.85h3.189c.856 0 1.45 0 1.904.04c.448.04.676.111.83.202c.361.213.634.548.768.945c.058.17.082.408.029.854c-.054.453-.175 1.034-.35 1.873l-.674 3.228c-.168.805-.286 1.369-.412 1.807c-.123.43-.24.688-.383.89a2.75 2.75 0 0 1-1.151.935c-.226.098-.503.16-.949.193c-.455.033-1.031.034-1.854.034h-.672c-1.428-.001-2.071-.003-2.697-.09a9.3 9.3 0 0 1-1.666-.394c-.6-.202-1.176-.488-2.453-1.127l-.209-.104V11.7zm-6.649 8.69v-.097c0-.433 0-.712-.018-.924c-.017-.204-.045-.28-.064-.317a.75.75 0 0 0-.328-.328c-.037-.018-.112-.047-.316-.063a13 13 0 0 0-.924-.018h-.2c-.432 0-.712 0-.924.018c-.204.016-.28.045-.316.063a.75.75 0 0 0-.328.328c-.02.037-.047.113-.064.317c-.017.212-.018.491-.018.924v8.2c0 .432 0 .711.018.924c.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.019.112.047.316.064c.212.017.492.018.924.018h.2c.432 0 .712 0 .924-.018c.204-.017.28-.045.316-.064a.75.75 0 0 0 .328-.328c.02-.037.047-.112.064-.316c.017-.207.018-.478.018-.891z" clip-rule="evenodd"/></svg>

Thumbs Up アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:thumbs-up"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

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

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

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

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Reicon アイコンをすべて見る →