Thumbsdown アイコン

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

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

fxemoji:thumbsdown

Thumbsdown アイコン(fxemoji:thumbsdown)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 470 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 470
カテゴリ: 人物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="470" viewBox="0 0 512 470"><path fill="#FFD3B6" d="M507.4 114.2c0-20-15.1-33.6-33.4-35c-.6-.2-1.1-.5-1.7-.7c-1.2-1.4-.6-4.4 1.5-5.3c13.3-5.9 22.5-19 22.5-34.6C496.3 17.3 479.1.1 458 .1H195.3c-37.1 0-70.2 17-92 43.6H27.5C12.3 43.7 0 56 0 71.2v174.1c0 15.2 12.3 27.5 27.5 27.5h56.9c6.6 14.6 17.2 27 30.3 36c12.3 11.2 44.5 27.7 85 122.9c6.2 20 26.9 44.3 45.6 37.6c22.2-8 46.7-38.2 23.1-112.4c-5.3-16.8-14.2-42.6-23.1-53.5h59.8l.2-.4c1.7.3 3.5.4 5.3.4h147.5c30.8 0 46.3-16.6 46.3-37.9c0-15.6-2.2-29-15.5-35c-2.7-1.2-2.7-4.8 0-6c13.3-5.9 22.5-19 22.5-34.6s-9.2-29-22.5-35c-2.7-1.2-2.7-4.8 0-6c13.2-5.9 18.4-19 18.5-34.7"/><path fill="#EDC0A2" d="M310.6.3h-21.1c-21.2 0-38.3 16.6-38.3 37.9c0 15.6 9.2 29 22.5 35c2.7 1.2 2.7 4.8 0 6c-13.3 5.9-22.5 19-22.5 34.6s9.2 29 22.5 35c2.7 1.2 2.7 4.8 0 6c-13.3 5.9-22.5 19-22.5 34.6s9.2 29 22.5 35c2.7 1.2 2.7 4.8 0 6c-13.3 5.9-22.5 19-22.5 34.6c0 21.3 17.2 38.5 38.3 38.5h21.1c-21.2 0-38.3-17.3-38.3-38.5c0-15.6 9.2-28.7 22.5-34.6c2.7-1.1 2.7-4.8 0-6c-13.3-6-22.5-19.4-22.5-35s9.2-28.7 22.5-34.6c2.6-1.2 2.7-4.5.4-5.9c-8.4-3.8-15.3-10.5-19.2-18.9c-.4-.7-.7-1.5-1-2.3c0-.1-.1-.2-.1-.3c-.3-.8-.5-1.6-.8-2.4c-.1-.1-.1-.1-.1-.2c-.2-.8-.4-1.5-.6-2.3c0-.1-.1-.3-.1-.5c-.2-.8-.4-1.7-.5-2.5v-.2c-.2-.7-.2-1.5-.3-2.3v-.7c-.1-.9-.1-1.7-.1-2.6s0-1.7.1-2.6v-.7c.1-.8.2-1.5.3-2.3v-.2c.2-.9.3-1.7.5-2.5c0-.1.1-.3.1-.5c.2-.7.4-1.5.6-2.2c.1-.1.1-.1.1-.2c.2-.8.5-1.6.8-2.4c0-.1.1-.2.1-.3c.3-.7.7-1.5 1-2.2v-.1l1.2-2.4c4-7.2 10.3-12.8 17.9-16.1c2.4-1.4 2.3-4.7-.3-5.9c-13.3-6-22.5-19.4-22.5-35c0-21.3 17.1-37.9 38.3-37.8M103.3 43.7H72.1c-11.6 0-21 9.4-21 21v187.1c0 11.6 9.4 21 21 21h12.3c-5.1-11.2-8-23.6-8-36.7V119c0-28.5 10.1-54.8 26.9-75.3"/></svg>

Thumbsdown アイコンの使い方

React

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

<Icon icon="fxemoji:thumbsdown" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:thumbsdown" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:thumbsdown" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--thumbsdown]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:thumbsdown"></div>

Web コンポーネント

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

<iconify-icon icon="fxemoji:thumbsdown"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/thumbsdown.svg" alt="Thumbsdown アイコン" width="24" height="24">

他のアイコンセットの Thumbsdown アイコン

Thumbsdown アイコンのよくある質問

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

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

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

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

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

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

Firefox OS Emoji アイコンをすべて見る →