Snail アイコン

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

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

fxemoji:snail

Snail アイコン(fxemoji:snail)は、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="m464.142 414.089l-1.358-.872l-3.944-2.479c-3.461-2.173-8.603-5.186-15.26-8.887a592 592 0 0 0-11.111-6.028a356 356 0 0 0-13.311-6.755c-9.597-4.637-20.576-9.701-32.827-14.838c-12.241-5.221-25.787-10.227-40.459-15.154c-7.339-2.451-14.965-4.768-22.865-7.003c-3.879-1.142-8.122-2.202-12.357-3.29l-5.799-1.557l-2.869-.777l-.359-.097c-.219-.016.235-.033-.536-.048l-.136-.034l-.543-.137l-1.086-.272c-11.586-2.749-21.596-8.347-27.23-14.273c-2.876-2.97-4.743-5.804-6.319-8.223c-1.588-2.436-2.931-4.598-4.885-6.982c-1.902-2.393-4.341-5.185-7.156-8.804c-1.372-1.821-2.726-3.88-4.222-6.076a111 111 0 0 1-2.185-3.476c-.71-1.221-1.456-2.46-2.231-3.739c-6.004-10.316-12.298-23.12-19.049-36.77c-3.392-6.83-6.876-13.897-10.571-21.049c-3.73-7.143-7.542-14.408-11.643-21.649c-4.122-7.233-8.498-14.457-13.319-21.5c-4.782-7.053-10.001-13.954-15.843-20.344c-5.848-6.367-12.245-12.291-19.072-17.195c-6.814-4.91-13.931-8.87-20.864-11.595a85 85 0 0 0-9.987-3.312c.233-1.248.453-2.515.639-3.806c.37-2.414.661-4.892.858-7.394c.216-2.5.295-5.03.298-7.539c.006-2.51-.146-5.009-.384-7.444c-.236-2.436-.65-4.814-1.148-7.08c-.492-2.267-1.18-4.421-1.913-6.406a39.6 39.6 0 0 0-2.519-5.375c-.443-.791-.929-1.515-1.351-2.191l-1.318-1.81c-.872-1.063-1.583-1.889-2.131-2.417l-.814-.824a7.718 7.718 0 1 0-10.219 11.523l.18.14l.435.338c.299.198.698.569 1.23 1.036l.841.867c.283.358.618.713.943 1.147a25 25 0 0 1 2.05 3.189c.671 1.283 1.376 2.736 1.97 4.404c.597 1.661 1.175 3.477 1.623 5.44c.449 1.96.856 4.031 1.128 6.187c.274 2.154.497 4.373.59 6.619c.113 2.244.141 4.509.088 6.747a78 78 0 0 1-.099 2.75c-.175-.026-.355-.059-.529-.083c-6.001-.849-11.352-1.042-16.037-.841a87 87 0 0 0-6.99.53c.021-.634.048-1.259.061-1.908c.028-2.302.035-4.691-.081-7.126a101 101 0 0 0-.557-7.407c-.26-2.49-.662-4.984-1.133-7.444c-.469-2.461-1.091-4.88-1.785-7.222c-.692-2.342-1.549-4.594-2.467-6.721c-.912-2.128-1.995-4.109-3.091-5.915a39.4 39.4 0 0 0-3.492-4.791c-.585-.691-1.2-1.309-1.742-1.892l-1.639-1.525c-1.059-.877-1.914-1.551-2.552-1.965l-.957-.653a7.72 7.72 0 0 0-11.3 3.003a7.72 7.72 0 0 0 3.573 10.318l.168.081l.496.241c.334.132.801.414 1.419.763l1.003.677c.351.293.753.573 1.161.933c.819.713 1.73 1.604 2.666 2.712c.921 1.123 1.911 2.407 2.834 3.924c.926 1.51 1.863 3.177 2.704 5.014c.841 1.834 1.661 3.787 2.367 5.85c.708 2.06 1.378 4.196 1.926 6.384a91 91 0 0 1 1.458 6.612c.424 2.207.731 4.41 1.011 6.55c.112.912.207 1.807.297 2.695a91 91 0 0 0-2.13.458c-1.421.335-2.617.604-3.835.915l-3.122.799l-1.818.649l-1.481.535a14.3 14.3 0 0 0-7.466 6.203c-4 6.808-1.724 15.571 5.084 19.571l4.115 2.418l.397.233q.397.24 1.171.652c.515.272 1.16.642 1.918 1.021l2.207 1.37c1.656 1.047 3.779 2.248 6.04 3.634c2.263 1.432 4.734 2.961 7.195 4.75c2.475 1.707 4.909 3.712 7.16 5.728c1.101 1.076 2.203 2.051 3.178 3.194c.51.531.987 1.081 1.467 1.623c.455.576.918 1.128 1.345 1.716c1.747 2.301 3.135 4.883 4.322 7.815c1.183 2.938 2.178 6.265 3.04 10.189c1.718 7.818 2.865 18.03 3.547 30.369c.392 6.149.76 12.793 1.081 19.933c.368 7.128.852 14.708 1.567 22.754c1.484 16.086 3.876 34.026 9.6 53.961c2.888 9.947 6.627 20.439 11.828 31.206c5.104 10.789 11.837 21.844 20.557 32.219c8.664 10.375 19.436 19.858 31.322 27.307a121 121 0 0 0 9.066 5.222a119 119 0 0 0 9.308 4.455c6.242 2.747 12.604 4.848 18.834 6.613c12.494 3.532 24.638 5.126 35.972 5.851c2.852.192 5.63.268 8.401.345c2.739.022 5.471.051 8.125.025c5.339-.033 10.51-.267 15.515-.657l1.875-.146l.935-.074l.234-.019c-.796-.01-.117-.019-.248-.028l.361-.055l2.878-.442l5.594-.867c3.233-.527 6.35-1.092 9.82-1.542c6.765-.992 13.448-1.706 20.007-2.47c6.559-.748 12.989-1.322 19.241-1.83l9.242-.655q4.555-.335 8.953-.577c5.863-.34 11.503-.57 16.883-.738c5.39-.225 10.51-.334 15.335-.418l13.54-.145c4.19-.023 8.043-.008 11.512.042c6.947.089 12.365.311 16.018.372c3.656.098 5.459.171 5.241.105c8.082 2.401 16.581-2.204 18.982-10.286c2.402-8.083-2.204-16.581-10.286-18.983"/><path fill="#D19B61" d="M420.322 245.86c-48.021-73.215-148.485-87.301-222.801-41.717a179 179 0 0 0-4.522 2.857s14 91.176 71.179 122.95c-5.975 17.118-4.205 36.725 6.507 53.057c25.402 38.73 77.391 49.534 116.121 24.132a116.5 116.5 0 0 0 24.692-21.718c32.814-38.37 37.907-95.22 8.824-139.561"/><path fill="#B7834F" d="M340.809 426.833a91 91 0 0 1-18.567-1.919c-23.629-4.91-43.932-18.729-57.168-38.909c-11.687-17.817-14.357-39.587-7.327-59.727c4.965-14.225 14.263-26.12 26.888-34.401c11.587-7.599 25.438-10.23 39.004-7.412s25.222 10.752 32.82 22.339c5.9 8.995 7.944 19.749 5.755 30.282s-8.349 19.583-17.345 25.482c-7.129 4.677-15.654 6.297-24.003 4.562s-15.522-6.617-20.199-13.747c-7.836-11.947-4.491-28.042 7.457-35.878c4.825-3.166 11.305-1.82 14.471 3.008c3.166 4.826 1.819 11.306-3.008 14.471a5.015 5.015 0 0 0-1.441 6.936a10.95 10.95 0 0 0 6.974 4.745c2.886.603 5.826.04 8.286-1.574a19.25 19.25 0 0 0 8.343-12.257a19.24 19.24 0 0 0-2.768-14.565c-9.365-14.28-28.603-18.277-42.882-8.912c-8.743 5.735-15.181 13.97-18.617 23.812c-4.87 13.954-3.021 29.034 5.071 41.373c10.174 15.513 25.78 26.134 43.942 29.908c18.159 3.773 36.707.251 52.219-9.924c22.453-14.726 37.826-37.313 43.29-63.603s.361-53.131-14.364-75.583c-43.451-66.246-132.694-84.792-198.941-41.343c-4.827 3.166-11.305 1.82-14.471-3.007s-1.819-11.306 3.007-14.471c75.884-49.771 178.113-28.528 227.884 47.357c17.788 27.121 23.95 59.545 17.351 91.3c-6.599 31.756-25.169 59.04-52.29 76.828c-14.903 9.772-31.957 14.829-49.371 14.829"/></svg>

Snail アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

他のアイコンセットの Snail アイコン

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

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

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

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

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

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

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

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