Thumb Like Dislike 24 Regular アイコン
fluent:thumb-like-dislike-24-regular
Thumb Like Dislike 24 Regular アイコン(fluent:thumb-like-dislike-24-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- thumblike、likedislike、dislikeregular、thumblikedislikeregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.04 3.177c.265-.616 1.064-1.405 2.18-1.115c.7.181 1.204.6 1.489 1.177c.248.503.29 1.05.3 1.467A5.5 5.5 0 0 1 9.87 5.92h.194c1.558 0 2.822 1.432 2.332 2.99l-1.15 3.655c-.465 1.482-2.1 2.25-3.577 1.816l-4.512-1.323A2.4 2.4 0 0 1 1.6 11.671l-.438-1.088c-.439-1.09.04-2.286 1.055-2.845l1.542-.85l.03-.023c.051-.04.143-.118.263-.245c.239-.251.596-.7.962-1.428c.178-.353.327-.63.459-.874v-.002c.213-.395.378-.7.566-1.14M4.49 8.199l-1.548.853c-.395.217-.524.63-.388.97l.438 1.09c.092.226.3.422.588.507l4.512 1.323c.77.226 1.527-.198 1.725-.827l1.15-3.654c.143-.456-.21-1.041-.902-1.041H8.898a.75.75 0 0 1-.716-.973c.052-.167.105-.352.153-.542c.106-.423.18-.85.174-1.168c-.008-.366-.05-.639-.145-.834c-.085-.17-.227-.313-.521-.39a.28.28 0 0 0-.235.038a.5.5 0 0 0-.19.219c-.216.502-.407.857-.62 1.25l-.003.007c-.132.245-.272.506-.44.839c-.432.859-.874 1.428-1.214 1.787c-.17.18-.315.305-.42.389a2 2 0 0 1-.126.093l-.006.004l-.014.01l-.012.008l-.008.005h-.001zm13.47 12.624c-.265.616-1.064 1.405-2.18 1.115c-.7-.181-1.204-.6-1.489-1.177c-.248-.503-.29-1.05-.3-1.467a5.5 5.5 0 0 1 .138-1.214h-.194c-1.558 0-2.822-1.432-2.332-2.99l1.15-3.655c.465-1.482 2.1-2.25 3.577-1.816l4.512 1.323c.7.205 1.284.708 1.557 1.387l.438 1.088c.439 1.09-.04 2.286-1.055 2.845l-1.542.85l-.03.023c-.051.04-.143.118-.263.245c-.239.251-.596.7-.962 1.428c-.178.353-.327.63-.459.874v.002c-.213.395-.378.7-.566 1.14m1.55-5.022l1.548-.853c.395-.217.524-.63.387-.97l-.437-1.09a.9.9 0 0 0-.588-.507l-4.512-1.323c-.77-.226-1.527.198-1.725.827l-1.15 3.654c-.143.456.21 1.041.902 1.041h1.167a.75.75 0 0 1 .716.973c-.052.167-.105.352-.153.542c-.106.423-.18.85-.174 1.168c.008.366.05.639.145.834c.085.17.227.313.521.39a.28.28 0 0 0 .235-.038a.5.5 0 0 0 .19-.219c.216-.502.407-.857.62-1.25l.003-.007c.132-.245.272-.506.44-.839c.432-.859.874-1.428 1.214-1.787c.17-.18.315-.306.42-.389q.079-.061.126-.093l.006-.004l.014-.01l.012-.008l.008-.005h.001z"/></svg>
Thumb Like Dislike 24 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:thumb-like-dislike-24-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:thumb-like-dislike-24-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:thumb-like-dislike-24-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--thumb-like-dislike-24-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:thumb-like-dislike-24-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:thumb-like-dislike-24-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/thumb-like-dislike-24-regular.svg" alt="Thumb Like Dislike 24 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Thumb Like Dislike 24 Regular アイコン のよくある質問
Thumb Like Dislike 24 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Thumb Like Dislike 24 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:thumb-like-dislike-24-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Thumb Like Dislike 24 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/thumb-like-dislike-24-regular.svg" alt="Thumb Like Dislike 24 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
