Thumb Down Light アイコン
stash:thumb-down-light
Thumb Down Light アイコン(stash:thumb-down-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- thumbdown、downlight、thumbdownlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.269 20.5c.801 0 1.5-.528 1.745-1.29l.8-2.492c.103-.32.273-.61.497-.852a9.2 9.2 0 0 0 1.555-2.3h.942a2 2 0 0 0 1.174.866c.256.068.552.068.95.068h.137c.397 0 .693 0 .949-.068a2 2 0 0 0 1.414-1.414c.068-.256.068-.552.068-.95V5.932c0-.397 0-.693-.068-.949a2 2 0 0 0-1.414-1.414c-.256-.068-.552-.068-.95-.068h-.137c-.398 0-.693 0-.949.068a2 2 0 0 0-1.214.932H10c-1.347 0-2.211.061-2.886.348a3.6 3.6 0 0 0-1.477 1.158c-.436.58-.64 1.342-.969 2.577l-.03.111l-.692 2.37l-.001.002l-.006.02c-.162.542-.294.98-.368 1.338c-.075.365-.105.705-.018 1.037c.132.509.447.95.886 1.235c.289.187.62.259.985.292c.355.033.802.033 1.35.033h2.642c-.65 1.792-.473 3.229-.181 4.152c.29.922 1.176 1.327 1.983 1.327zm5.235-15q-.005.194-.004.431v6.138q-.002.277.007.498h-1.28l-.226.49a8.2 8.2 0 0 1-1.424 2.13a3.3 3.3 0 0 0-.714 1.225l-.801 2.491a.84.84 0 0 1-.793.597h-.051c-.52 0-.91-.25-1.03-.628c-.262-.832-.44-2.268.428-4.14a.5.5 0 0 0-.453-.71H6.799c-.58 0-.98-.001-1.284-.03c-.3-.027-.443-.078-.533-.136a1.1 1.1 0 0 1-.462-.646c-.03-.114-.033-.277.03-.584c.065-.31.183-.706.354-1.276v-.003L5.6 8.97l.003-.011c.372-1.391.53-1.947.833-2.35c.28-.373.649-.662 1.068-.84C7.966 5.572 8.633 5.5 10 5.5zm3.255 7.966c-.111.03-.262.034-.759.034s-.648-.004-.759-.034a1 1 0 0 1-.707-.707c-.03-.111-.034-.262-.034-.759V6c0-.497.004-.648.034-.759a1 1 0 0 1 .707-.707c.111-.03.262-.034.759-.034s.648.004.759.034a1 1 0 0 1 .707.707c.03.111.034.262.034.759v6c0 .497-.004.648-.034.759a1 1 0 0 1-.707.707"/></svg>Thumb Down Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:thumb-down-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:thumb-down-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:thumb-down-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--thumb-down-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:thumb-down-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:thumb-down-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/thumb-down-light.svg" alt="Thumb Down Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Thumb Down Light アイコン のよくある質問
Thumb Down Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Thumb Down Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:thumb-down-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Thumb Down Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/thumb-down-light.svg" alt="Thumb Down Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。