Thumbs Down アイコン
emojione-monotone:thumbs-down
Thumbs Down アイコン(emojione-monotone:thumbs-down)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 人物
- タグ
- thumbsdown、thumb
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M48.693 18.242c1.874-1.396 2.17-6.521-.704-7.863c.925-1.615.987-3.917.091-5.733C47.25 2.964 45.744 2 43.949 2H24.861c-9.819 0-11.343 9.207-11.844 12.231c-1.199 7.259-1.939 17.426 1.345 24.647c.849 1.865 1.908 3.441 2.933 4.966c2.626 3.907 4.895 7.28 3.151 14.371c-.326 1.324.42 2.571 1.947 3.253c2.662 1.188 6.863.488 9.406-3.152c2.558-3.657 2.584-10.144.063-15.422c-1.322-2.768-1.071-3.946-.804-4.403a1.04 1.04 0 0 1 .72-.505h14.404c5.741 0 5.147-8.412 2.747-9.666c3.247-.51 4.96-8.828-.236-10.078m-15.969 11.71h15.284c.973 0 1.833 6.521-1.827 6.521H31.416c-2.725.001-4.125-6.521 1.308-6.521M31.158 4.279c-.898 1.604-1.555 3.662-.467 5.515c-4.643 1.298-4.305 7.514-2 8.566c-3.404 1.301-4.039 8.421.077 9.953c-2.825 2.017-2.169 8.317 1.017 9.354c-.015.021-1.473 1.82.7 5.876c2.482 4.634 2.292 10.723.063 13.911c-2.007 2.871-5.282 3.782-7.001 2.82c-.405-.226-.69-.749-.557-1.334c2.509-10.968-2.769-13.797-5.678-21.238c-2.475-6.332-2.621-13.616-1.459-22.242c.697-5.182 2.917-11.181 10.811-11.181zm15.405 5.513a4.6 4.6 0 0 0-.935-.097H32.28c-1.091-1.334.222-5.416 3.291-5.416H45.95c1.339 0 1.973 4.585.613 5.513m-.934 8.217h-13.99c-2.927 0-4.088-5.951.968-5.951h14.782c1.41 0 2.692 5.951-1.76 5.951m.542 9.358H30.517c-3.729 0-4.515-6.698 1.482-6.698h16.897c1.692 0 3.385 6.698-2.725 6.698"/></svg>
Thumbs Down アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:thumbs-down" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:thumbs-down" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:thumbs-down" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--thumbs-down]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:thumbs-down"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:thumbs-down"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/thumbs-down.svg" alt="Thumbs Down アイコン" width="24" height="24">
Emoji One (Monotone) の関連アイコン
他のアイコンセットの Thumbs Down アイコン
Thumbs Down アイコン のよくある質問
Thumbs Down アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Thumbs Down アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:thumbs-down" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Thumbs Down アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/thumbs-down.svg" alt="Thumbs Down アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
