Smallfrown アイコン

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

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

fxemoji:smallfrown

Smallfrown アイコン(fxemoji:smallfrown)は、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 24c-128.1 0-232 103.9-232 232c0 3.4.1 6.9.2 10.3C10.6 268 .2 279.5.2 293.5c0 15.2 12.3 27.6 27.6 27.6h5.4c28.2 96.4 117.2 166.8 222.7 166.8c128.1 0 232-103.8 232-232C487.8 127.8 384 24 255.9 24"/><path fill="#2B3B47" d="M371.4 182.7c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4-.3-25.5-.3s-25.5 14.4-25.5.3v-57.1c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M348.2 279.3c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.8-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#2B3B47" d="M140.5 182.7c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4-.3-25.5-.3s-25.5 14.4-25.5.3v-57.1c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M117.3 279.3c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.4-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#FFB636" d="M487.6 266.2c.1-3.4.2-6.8.2-10.3c0-62-24.3-118.3-64-159.8c22.4 36.3 35.4 79.1 35.4 124.9c0 131.6-106.7 238.3-238.3 238.3c-45.8 0-88.6-13-124.9-35.4c41.6 39.6 97.9 63.9 159.9 63.9c105.5 0 194.6-70.4 222.7-166.8h5.4c15.2 0 27.6-12.3 27.6-27.6c-.1-13.9-10.5-25.4-24-27.2"/><path fill="#2B3B47" d="M215 375.1c-2.5 0-5-.9-7.1-2.7c-4.4-3.9-4.8-10.6-.9-15.1c11.5-13 28.5-20.5 46.7-20.6h.4c18.1 0 35.2 7.3 46.8 20.1c4 4.4 3.6 11.1-.8 15.1s-11.1 3.6-15.1-.8c-7.6-8.3-18.8-13.1-31-13.1h-.3c-12.2.1-23.4 4.9-30.9 13.4c-1.9 2.5-4.8 3.7-7.8 3.7"/></svg>

Smallfrown アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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