Smileeyes アイコン

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

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

fxemoji:smileeyes

Smileeyes アイコン(fxemoji:smileeyes)は、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
カテゴリ: 人物
タグ: smileeye

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFA1E0" d="M255.852 35.415c-121.806 0-220.544 98.75-220.544 220.545c0 3.536.102 7.048.267 10.543c-12.925 1.614-22.963 12.516-22.963 25.878c0 14.473 11.732 26.205 26.205 26.205h5.565c26.993 91.294 111.425 157.917 211.47 157.917c121.807 0 220.545-98.727 220.545-220.544c.001-121.793-98.737-220.544-220.545-220.544"/><path fill="#E274C8" d="M173.32 179.415a7.6 7.6 0 0 1-5.697-2.561c-5.773-6.518-14.116-10.255-22.896-10.258h-.007c-8.783 0-17.133 3.739-22.915 10.261a7.613 7.613 0 0 1-10.736.644a7.607 7.607 0 0 1-.644-10.736c8.667-9.773 21.166-15.377 34.295-15.377h.01c13.129.003 25.622 5.611 34.279 15.38a7.61 7.61 0 0 1-.65 10.736a7.58 7.58 0 0 1-5.039 1.911m168.813-2.561c5.782-6.518 14.126-10.258 22.912-10.258h.007c8.779.003 17.123 3.739 22.899 10.258c2.786 3.149 7.598 3.429 10.733.65a7.607 7.607 0 0 0 .647-10.736c-8.654-9.769-21.15-15.377-34.279-15.38h-.007c-13.129 0-25.632 5.604-34.292 15.38a7.603 7.603 0 0 0 .647 10.733a7.57 7.57 0 0 0 5.043 1.914a7.58 7.58 0 0 0 5.69-2.561"/><path fill="#2B3B47" d="M255.941 376.045c-32.889 0-65.769-11.314-90.8-33.955c-4.845-4.383-5.221-11.862-.838-16.707s11.862-5.221 16.707-.838c41.322 37.368 108.553 37.355 149.882 0c4.852-4.39 12.344-4 16.707.838c4.383 4.852 4.007 12.331-.838 16.707c-25.045 22.634-57.937 33.955-90.82 33.955m-78.905-143.182c-6.063-13.647-18.446-22.126-32.315-22.126h-.003c-13.872 0-26.255 8.476-32.322 22.126c-.402.904-.613 1.836-.741 2.769c-1.722 3.949-.935 8.67 2.464 11.681c4.218 3.736 10.677 3.35 14.417-.878c4.073-4.601 9.968-7.241 16.172-7.245h.003c6.208 0 12.11 2.644 16.189 7.248a10.2 10.2 0 0 0 7.647 3.439c2.406 0 4.825-.845 6.769-2.568c3.397-3.01 4.182-7.729 2.461-11.677c-.128-.933-.339-1.865-.741-2.769m221.069 2.776c-.127-.937-.338-1.872-.742-2.78c-6.066-13.648-18.45-22.123-32.318-22.123c-13.875 0-26.259 8.476-32.325 22.123c-.403.907-.615 1.842-.742 2.778c-1.718 3.947-.929 8.668 2.471 11.674c4.225 3.749 10.68 3.337 14.416-.878c4.066-4.601 9.961-7.241 16.166-7.245h.007c6.205 0 12.106 2.644 16.185 7.248a10.2 10.2 0 0 0 7.651 3.439a10.18 10.18 0 0 0 6.766-2.568c3.394-3.005 4.183-7.721 2.465-11.668"/><path fill="#E583C9" d="M476.148 265.824c.144-3.272.25-6.555.25-9.863c0-58.925-23.14-112.425-60.814-151.962c21.312 34.518 33.623 75.18 33.623 118.733c0 125.13-101.453 226.593-226.593 226.593c-43.542 0-84.205-12.312-118.741-33.609c39.556 37.65 93.056 60.788 151.979 60.788c100.301 0 184.902-66.966 211.67-158.618h5.21c14.472 0 26.204-11.732 26.204-26.203c0-13.302-9.948-24.169-22.788-25.859"/></svg>

Smileeyes アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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