Grimacing アイコン

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

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

fxemoji:grimacing

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#F2A74E" d="M176.5 143.8h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6h57.2c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6m218.5 0h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6H395c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6"/><path fill="#2B3B47" d="M147.1 157.8c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c.1-13.3 10.8-24 24-24m217.3 0c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c0-13.3 10.7-24 24-24m9.2 192.9c-9-10.7-22.9-26.5-33.8-35.5c-2.2-1.8-4.8-2.8-7.6-2.8c-22.3-.3-129.2-1.3-140.9-1.7c-.7 0-1.4 0-2.2.1c-2.1.3-6.8 1-10.6 1.3c-2.3.2-4.5 1-6.2 2.4c-11.1 9-25.6 25.6-34.7 36.5c-5.4 6.4-2.6 16.2 5.2 19c16.3 5.8 49.4 12.4 112.3 12.4c63.1 0 96.6-6.8 113.2-12.7c8-2.7 10.7-12.5 5.3-19m-64.1 9.5q.15 0 0 0c.1 0 .1 0 .2.1c0-.1-.1-.1-.2-.1m0-.8q.15 0 0 0c.1 0 .1 0 .2.1c0 0-.1-.1-.2-.1"/><path fill="#FFF" d="M336.3 312.5c-5.4-3.9-24.5-22.7-80.5-22.7s-75.1 18.7-80.5 22.6c4.8-.1 157.2 0 161 .1"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#FFF" d="M345.7 375.7c-15.3-4.4-42.7-8.8-89.8-8.8c-47.3 0-75 4.5-90.5 9c19.2 3.7 47.8 6.6 89.5 6.6h.5c42 0 70.9-3.1 90.3-6.8"/></svg>

Grimacing アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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