Nessy アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:nessy

Nessy アイコン(openmoji:nessy)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: OpenMoji 追加分

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M64.879 48.944V64.9H7.057V48.944h.9c2.6 0 7.687 2.49 12.875 2.693c.223.02.455.02.678.02c2.61 0 4.804-.627 6.989-1.285c2.346-.699 4.662-1.428 7.474-1.428c2.589 0 4.976.618 7.252 1.266c2.488.709 4.844 1.448 7.2 1.448c1.66 0 2.954-.365 4.279-.83c2.296-.79 4.693-1.884 9.275-1.884z"/><path fill="#b1cc33" d="M47.55 48.34c-1.42-.28-2.85-.71-4.33-1.13c-2.27-.65-4.66-1.27-7.25-1.27c-2.78 0-5.08.72-7.4 1.41c-.42-1.44-.6-2.96-.51-4.48l.68-11.79c.03-.48-.01-.95-.1-1.41l.22-2.91c.08-1.08-.62-2.05-1.67-2.31l-.88-.22c-.81-.21-1.67.03-2.27.63l-2.5 2.5a1 1 0 0 1-.14-.11c-.74-.74-.73-1.94.02-2.67l2.05-1.98c.89-.86 2.05-1.29 3.21-1.29c.96 0 1.92.29 2.74.89c2.07 1.52 3.29 7.79 3.29 10.35v6.31c0 1.27 1 2.32 2.27 2.37l1.27.06q1.395.06 2.76.36a8.3 8.3 0 0 1 4.25 2.42l1.46 1.56c.89.96 1.84 1.86 2.83 2.71"/><path fill="#5c9e31" d="m28.86 26.76l-.22 2.91a5.5 5.5 0 0 0-.95-2.14l-.28-.38c-.53-.71-1.5-.91-2.26-.47l-1.5.86c-.29.17-.61.25-.93.25c-.42 0-.84-.14-1.18-.43l2.5-2.5c.6-.6 1.46-.84 2.27-.63l.88.22c1.05.26 1.75 1.23 1.67 2.31"/><path fill="#61b2e4" d="M58.17 58.84c0 .3-.23.59-.58.63a3.6 3.6 0 0 1-2.34-.61l-4.62-3.13c-.27-.18-.61.11-.47.4l.45.96c.38.8-.36 1.66-1.2 1.41l-.21-.06a7.37 7.37 0 0 1-3.26-2.02L44.7 55.1a2.1 2.1 0 0 0-1.52-.66h-3.07c-.96 0-1.7.85-1.56 1.8l.7 4.74c.11.77-.5 1.4-1.21 1.4c-.17 0-.35-.04-.52-.12a6.07 6.07 0 0 1-2.93-3l-2.74-6.11l-1.1-1.45c-.4-.53-.77-1.09-1.08-1.67c1.96-.57 3.96-1.08 6.3-1.08c5.42 0 9.94 2.71 14.45 2.71c.51 0 .99-.03 1.44-.1c.02.01.05.02.07.04l.78.49c1.1.7 2.05 1.61 2.79 2.69l2.56 3.7c.08.11.11.24.11.36m-29.95-6.454l-.594.776a6.2 6.2 0 0 0-1.225 4.544a.6.6 0 0 0 1.015.354l3.55-3.462l-1.604-2.199a.713.713 0 0 0-1.143-.013"/><path fill="#61b2e4" d="m41.09 55.671l.312.948c.263.8.823 1.482 1.558 1.898a.287.287 0 0 0 .433-.3l-.45-2.503z"/><path fill="#5c9e31" d="M51.86 51.56c-.45.07-.93.1-1.44.1c-4.51 0-9.03-2.71-14.45-2.71c-2.34 0-4.34.51-6.3 1.08c-.47-.85-.83-1.75-1.1-2.68c2.32-.69 4.62-1.41 7.4-1.41c2.59 0 4.98.62 7.25 1.27c1.48.42 2.91.85 4.33 1.13c1.35 1.18 2.8 2.25 4.31 3.22"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M51.86 51.56c3.56-.48 5.71-2.61 12.12-2.61m-56.02 0c2.71 0 8.13 2.71 13.55 2.71c3.08 0 5.58-.88 8.16-1.63"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M51.86 51.56c-.45.07-.93.1-1.44.1c-4.51 0-9.03-2.71-14.45-2.71c-2.34 0-4.34.51-6.3 1.08a13.4 13.4 0 0 1-1.61-7.16l.68-11.79c.07-1.27-.3-2.52-1.05-3.55l-.28-.38c-.53-.71-1.5-.91-2.26-.47l-1.5.86c-.29.17-.61.25-.93.25c-.48 0-.96-.18-1.32-.54c-.74-.74-.73-1.94.02-2.67l2.05-1.98c.89-.86 2.05-1.29 3.21-1.29c.96 0 1.92.29 2.74.89c2.07 1.52 3.29 7.79 3.29 10.35v6.31c0 1.27 1 2.32 2.27 2.37l1.27.06q1.395.06 2.76.36a8.3 8.3 0 0 1 4.25 2.42l1.46 1.56c2.12 2.27 4.52 4.25 7.14 5.93"/><circle cx="26" cy="23.9" r="1"/></svg>

Nessy アイコンの使い方

React

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

<Icon icon="openmoji:nessy" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:nessy" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:nessy" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:nessy"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/nessy.svg" alt="Nessy アイコン" width="24" height="24">

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →