Frog Face アイコン

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

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

emojione-monotone:frog-face

Frog Face アイコン(emojione-monotone:frog-face)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Monotone)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 自然
タグ: frogface、frog

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M62 17c0-6.627-5.373-12-12-12c-4.755 0-8.852 2.773-10.794 6.784A33.3 33.3 0 0 0 32.012 11c-2.426 0-4.852.263-7.215.789C22.855 7.775 18.758 5 14 5C7.374 5 2 10.372 2 17c0 3.386 1.409 6.438 3.666 8.62c-2.956 5.296-3.721 10.696-3.623 11.913c.003.043.013.094.018.139C2.508 41.91 8.889 59 31.76 59h.254c23.264-.139 29.582-17.408 29.936-21.467c.106-1.232-.625-6.61-3.598-11.927A11.95 11.95 0 0 0 62 17M32.003 57h-.243c-9.285 0-16.665-2.891-21.934-8.59a25.4 25.4 0 0 1-4.144-6.064c5.314 3.059 14.615 7.152 26.32 7.152c11.726 0 21.035-4.109 26.342-7.168C55.395 48.355 47.936 56.906 32.003 57m27.954-19.641c-.039.457-.236 1.154-.6 2.01c-4.455 2.879-14.361 8.129-27.355 8.129c-12.988 0-22.896-5.244-27.357-8.125c-.371-.861-.571-1.555-.608-2.002c-.065-.883.612-5.827 3.375-10.776l.75-1.344l-1.106-1.068A9.9 9.9 0 0 1 4 17C4 11.486 8.486 7 14 7c3.86 0 7.308 2.169 8.997 5.66l.689 1.425l1.546-.344a31.2 31.2 0 0 1 6.78-.741c2.282 0 4.557.248 6.762.736l1.543.343l.689-1.424C42.695 9.167 46.142 7 50 7c5.515 0 10 4.486 10 10a9.9 9.9 0 0 1-3.041 7.171l-1.104 1.07l.75 1.341c2.772 4.957 3.424 9.897 3.352 10.777"/><path fill="currentColor" d="M26.287 32C24.857 32 22 36 22 36s2.857-1.334 4.287-1.334c1.428 0 4.285 1.334 4.285 1.334s-2.859-4-4.285-4m11.426 0c-1.428 0-4.285 4-4.285 4s2.857-1.334 4.285-1.334C39.143 34.666 42 36 42 36s-2.857-4-4.287-4M22.42 14.64l-.293-1.05l-.876.649c-1.696 1.259-4.407 2.011-7.25 2.011s-5.553-.751-7.25-2.01l-.875-.648l-.293 1.049A8.7 8.7 0 0 0 5.25 17c0 4.825 3.925 8.75 8.75 8.75s8.75-3.925 8.75-8.75c0-.782-.111-1.576-.33-2.36M14 24.25c-3.998 0-7.25-3.252-7.25-7.25q0-.465.063-.937c.934.525 2.02.938 3.2 1.224a3.99 3.99 0 0 0 3.988 3.882a3.993 3.993 0 0 0 3.989-3.883c1.179-.286 2.263-.697 3.196-1.223q.062.47.063.937c.001 3.998-3.251 7.25-7.249 7.25m44.75-7.251a8.8 8.8 0 0 0-.33-2.359l-.293-1.05l-.876.649C55.555 15.498 52.844 16.25 50 16.25c-2.842 0-5.553-.751-7.25-2.01l-.877-.649l-.293 1.051a8.8 8.8 0 0 0-.33 2.357c0 4.825 3.926 8.75 8.75 8.75c4.825 0 8.75-3.925 8.75-8.75M50 24.249c-3.997 0-7.25-3.252-7.25-7.25q0-.465.064-.936c.934.525 2.018.937 3.197 1.223a3.99 3.99 0 0 0 7.976 0c1.18-.286 2.266-.697 3.199-1.223q.062.47.063.936c.001 3.998-3.251 7.25-7.249 7.25"/></svg>

Frog Face アイコンの使い方

React

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

<Icon icon="emojione-monotone:frog-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:frog-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:frog-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--frog-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:frog-face"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-monotone:frog-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-monotone/frog-face.svg" alt="Frog Face アイコン" width="24" height="24">

他のアイコンセットの Frog Face アイコン

Frog Face アイコンのよくある質問

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

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Emoji One (Monotone) アイコンをすべて見る →