Mouseside アイコン

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

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

fxemoji:mouseside

Mouseside アイコン(fxemoji:mouseside)は、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="#FFA1E0" d="m112.816 293.123l-4.064.023c-.693-.007-1.338.031-2.071.064l-2.397.102c-.858.025-1.84.139-2.855.211c-1.023.083-2.112.157-3.249.314c-4.566.506-10.081 1.419-16.144 3.187c-6.043 1.758-12.702 4.38-18.94 8.485c-3.11 2.045-6.101 4.461-8.692 7.28c-2.587 2.813-4.797 6.029-6.141 9.572c-2.925 7.02-2.027 15.364 2.65 23.123c2.286 3.878 5.394 7.577 9.021 10.971c3.628 3.401 7.763 6.508 12.172 9.363a125 125 0 0 0 13.988 7.825c2.41 1.232 4.937 2.282 7.421 3.414c2.536 1.036 5.054 2.121 7.636 3.079c20.608 7.824 42.492 12.797 63.155 16.312c10.34 1.783 20.424 3.097 30.005 4.207l7.093.779c2.331.249 4.633.44 6.894.657c4.521.449 8.9.778 13.105 1.097c4.202.352 8.24.566 12.078.81c3.837.259 7.483.419 10.91.578c6.851.362 12.834.497 17.759.675c4.926.144 8.8.185 11.441.247l4.049.079l.048.001a3.65 3.65 0 0 1-.048 7.298l-4.078.026c-2.66.006-6.561.065-11.528.049c-4.967-.05-11-.03-17.921-.217c-3.461-.072-7.144-.137-11.026-.299c-3.882-.146-7.966-.257-12.225-.502c-4.26-.212-8.698-.431-13.288-.766c-2.295-.161-4.631-.294-7.001-.485l-7.213-.603c-9.751-.874-20.034-1.944-30.635-3.49c-21.191-3.052-43.774-7.53-65.705-15.203c-2.745-.939-5.453-2.02-8.172-3.052c-2.688-1.138-5.402-2.19-8.046-3.451a138 138 0 0 1-15.544-8.182c-5.011-3.065-9.838-6.483-14.281-10.432c-4.434-3.947-8.495-8.444-11.743-13.616c-.802-1.301-1.602-2.595-2.264-3.995c-.339-.692-.711-1.36-1.013-2.072l-.876-2.152c-.141-.36-.294-.714-.424-1.079l-.35-1.116l-.682-2.23l-.497-2.29l-.238-1.144c-.064-.385-.102-.776-.153-1.163l-.271-2.324c-.043-.778-.055-1.559-.077-2.336l-.024-1.165c.008-.387.042-.774.063-1.161l.161-2.312c.421-3.04 1.02-6.048 2.09-8.811c1.984-5.61 5.137-10.389 8.617-14.387c3.495-4.01 7.361-7.269 11.259-9.985c7.824-5.431 15.75-8.736 22.848-11.016c7.119-2.277 13.48-3.49 18.724-4.214c1.31-.212 2.554-.333 3.725-.459c1.179-.116 2.248-.265 3.31-.329l2.922-.199c.894-.06 1.726-.12 2.358-.129l4.062-.129a8.336 8.336 0 1 1 .312 16.667"/><path fill="#D0CEC2" d="M472.538 303.833a590 590 0 0 0-44.216-42.498c5.184-10.103 5.452-22.576-.635-33.432c-8.524-15.203-27.285-21.908-43.514-15.551a35.4 35.4 0 0 0-11.07 6.891c-46.598-30.963-104.065-58.099-169.839-67.219l.025-.003l-4.797-1.698a2.242 2.242 0 0 1-1.317-3.073l1.099-2.455c.345-.769-.503-1.539-1.447-1.315l-31.155 4.764c-1.555.238-2.725-1.164-1.923-2.305l4.436-6.309c.54-.768-.289-1.701-1.32-1.48c-9.999 2.138-44.872 10.546-65.257 27.613c-25.078 17.341-41.512 46.295-41.512 79.093c0 53.074 43.025 96.099 96.099 96.099h300.239c19.303 0 29.3-23.037 16.104-37.122"/><path fill="#2B3B47" d="M430.564 287.132a7.633 7.633 0 0 0-8.004 7.242l-.659 13.182a7.633 7.633 0 0 0 15.246.762l.659-13.182a7.63 7.63 0 0 0-7.242-8.004"/><path fill="#E4E2DE" d="M369.804 278.887c-16.507-5.573-26.968-22.794-23.169-40.769c3.604-17.053 19.513-29.046 36.899-27.817c18.232 1.289 31.862 15.94 32.803 33.227c.218 4.014-1.633 7.865-4.843 10.285l-30.938 23.323a11.67 11.67 0 0 1-10.752 1.751M255.842 303.74h-38.477a77.8 77.8 0 0 0 7.359-33.106c0-43.143-34.974-78.117-78.117-78.117S68.49 227.491 68.49 270.634s34.974 78.117 78.117 78.117h109.234c12.429 0 22.505-10.076 22.505-22.505c.001-12.43-10.075-22.506-22.504-22.506"/><path fill="#FFA1E0" d="M381.294 276.671c-12.903-1.811-21.896-13.739-20.085-26.642s13.739-21.896 26.642-20.085s21.896 13.739 20.085 26.642z"/></svg>

Mouseside アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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