Snorkling アイコン

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

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

openmoji:snorkling

Snorkling アイコン(openmoji:snorkling)は、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="#3f3f3f" d="M49.317 27.28c-4.166-1.19-9.81-2.01-15.518-1.85c-5.51-.15-10.947.6-15.068 1.72C22.176 22.2 27.721 19 33.98 19c6.312 0 11.903 3.26 15.338 8.28Zm-3.309 22.91l-1.75 1.51c-.63.55-1.379.95-2.172 1.04c-.659.07-1.335.03-1.993-.11l-1.578-.35a2.64 2.64 0 0 0-2.282.57l-.063.05c-1.397 1.17-3.318 1.17-4.707 0l-.063-.05c-.658-.54-1.487-.75-2.281-.57l-1.578.35c-.523.11-1.046.16-1.57.14c-.955-.04-1.875-.44-2.623-1.09l-1.722-1.49c1.415.05 3.03-.09 4.869-.46c2.218-.46 4.004-2.49 4.536-5.16l.739-3.17a2.6 2.6 0 0 1 .568-1.19c.667-.69 1.596-.86 2.39-.42c.568.35.992.99 1.136 1.75l.703 3.03c.541 2.67 2.318 4.7 4.536 5.16c1.857.38 3.48.52 4.905.46"/><path fill="#3f3f3f" d="M54.53 5.791a.19.19 0 0 0-.106.246l6.46 15.802a20 20 0 0 1 .302 13.81l-6.35 18.52a4.6 4.6 0 0 1-2.074 2.506L45.05 61.09a4.67 4.67 0 0 1-2.285.604h-1.502v4.08h1.502c1.51 0 2.995-.4 4.31-1.142l7.713-4.407a8.7 8.7 0 0 0 3.91-4.735l6.35-18.52a24.12 24.12 0 0 0-.368-16.625L58.55 4.423a.19.19 0 0 0-.244-.108zM40.612 59.654v5.69c0 .914-.707 1.656-1.579 1.656H28.965c-.872 0-1.579-.742-1.579-1.656v-5.69z"/><path fill="#9b9b9a" d="M54.402 29.166C50.79 27.032 42.228 25.19 33.8 25.429c-11.154-.316-22.13 4.874-22.13 4.874l.08 7.695c0 6.074 2.14 14.811 15.918 11.476c1.502-.364 2.675-1.545 2.986-3.06l1.078-5.243l2.083-2.091l2.36 2.103l1.084 5.279c.308 1.47 1.274 2.596 2.488 2.901c14.218 3.664 16.409-5.208 16.409-11.353l.054-5.254c.019-1.525-.686-2.925-1.808-3.59"/><path fill="#9b9b9a" d="M40.268 50.023c14.742 1.878 16.007-5.601 16.007-12.025l-.04-7.683l-5.681-3.099c-1.582 11.188-10.286 22.807-10.286 22.807"/><path fill="#3f3f3f" d="m12.176 30.341l-3.542 2.781l.311 8.487l3.701 2.658zm42.989-.186l3.542 2.781l-.312 8.487l-3.7 2.658z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><g stroke-width="1.808"><path d="M55.909 32.57L55.846 38c0 4.05-.947 9.27-5.645 11.32c-1.163.5-2.543.82-4.193.87c-1.425.06-3.048-.08-4.905-.46c-2.218-.46-3.995-2.49-4.536-5.16l-.703-3.03c-.144-.76-.568-1.4-1.136-1.75c-.794-.44-1.723-.27-2.39.42c-.28.32-.478.74-.568 1.19l-.74 3.17c-.531 2.67-2.317 4.7-4.535 5.16c-1.84.37-3.454.51-4.87.46c-1.451-.04-2.695-.29-3.76-.68c-5.103-1.91-6.113-7.34-6.113-11.51l-.054-5.43c-.027-1.4.622-2.7 1.65-3.32c1.253-.75 3.11-1.48 5.383-2.1c4.121-1.12 9.558-1.87 15.068-1.72c5.708-.16 11.352.66 15.518 1.85c2.065.59 3.77 1.27 4.933 1.97c1.028.62 1.677 1.92 1.659 3.32"/><path d="m12.176 30.341l-3.542 2.781l.311 8.487l3.701 2.658M55.4 30.341l3.542 2.781l-.311 8.487l-3.701 2.658"/></g><path stroke-width="1.808" d="M49.317 27.28c-4.166-1.19-9.81-2.01-15.518-1.85c-5.51-.15-10.947.6-15.068 1.72C22.176 22.2 27.721 19 33.98 19c6.312 0 11.903 3.26 15.338 8.28Zm-3.309 22.91l-1.75 1.51c-.63.55-1.379.95-2.172 1.04c-.659.07-1.335.03-1.993-.11l-1.578-.35a2.64 2.64 0 0 0-2.282.57l-.063.05c-1.397 1.17-3.318 1.17-4.707 0l-.063-.05c-.658-.54-1.487-.75-2.281-.57l-1.578.35c-.523.11-1.046.16-1.57.14c-.955-.04-1.875-.44-2.623-1.09l-1.722-1.49c1.415.05 3.03-.09 4.869-.46c2.218-.46 4.004-2.49 4.536-5.16l.739-3.17a2.6 2.6 0 0 1 .568-1.19c.667-.69 1.596-.86 2.39-.42c.568.35.992.99 1.136 1.75l.703 3.03c.541 2.67 2.318 4.7 4.536 5.16c1.857.38 3.48.52 4.905.46"/><path stroke-width="1.554" d="m54.868 6.527l6.016 15.312a20 20 0 0 1 .302 13.81l-6.35 18.52a4.6 4.6 0 0 1-2.073 2.506l-7.714 4.416a4.67 4.67 0 0 1-2.285.604h-1.502"/><path stroke-width="1.554" d="m58.672 5.042l6.007 15.303a24.12 24.12 0 0 1 .367 16.627l-6.35 18.52a8.7 8.7 0 0 1-3.91 4.733l-7.713 4.408a8.77 8.77 0 0 1-4.31 1.143h-1.5m17.44-49.491l3.78-1.523"/><path stroke-width="1.517" d="M40.612 59.654v5.69c0 .914-.707 1.656-1.579 1.656H28.965c-.872 0-1.579-.742-1.579-1.656v-5.69z"/></g></svg>

Snorkling アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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