Smallsmile アイコン

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

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

fxemoji:smallsmile

Smallsmile アイコン(fxemoji:smallsmile)は、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 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M348.2 272.2c-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.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#2B3B47" d="M140.5 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M117.3 272.2c-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.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="M253.9 382.3c-18.1 0-35.2-7.3-46.8-20.1c-4-4.4-3.6-11.1.8-15.1s11.1-3.6 15.1.8c7.6 8.3 18.8 13.1 31 13.1h.3c12.2-.1 23.4-4.9 30.9-13.4c3.9-4.4 10.6-4.8 15.1-.9c4.4 3.9 4.8 10.6.9 15.1c-11.5 13-28.5 20.5-46.7 20.6c-.4-.1-.5-.1-.6-.1"/></svg>

Smallsmile アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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