Jar アイコン

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

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

noto:jar

Jar アイコン(noto:jar)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 飲食

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#9FE1EA" d="M106.64 52.3c0-5.39-.1-9.76-2.52-14.7c-1.47-3.01-7.34-11.23-8.51-12.26H33.04c-1.17 1.03-7.04 9.25-8.51 12.26c-2.42 4.93-2.52 9.31-2.52 14.7c0 7.73.03 56.22-.01 57.05c-.11 2.72 1.83 4.85 4.93 6.84c9.95 6.38 28.64 7.81 37.39 7.81s27.44-1.43 37.39-7.81c3.11-1.99 5.04-4.12 4.93-6.84c-.03-.83 0-49.32 0-57.05" opacity=".8"/><ellipse cx="64" cy="110.45" fill="#1492C4" opacity=".6" rx="35.86" ry="8.47"/><path fill="#1492C4" d="m33.05 25.09l-3 4.03s18 13.26 52.75 7.91c19.58-3.01 14.68-8.85 14.68-8.85l-2.82-4.33z" opacity=".6"/><path fill="#FFF" d="M40.99 91.6c.64 8.18-8.75 11.52-11.34 3.32c-.86-2.73-.43-5.67-.16-8.52c.65-6.69.49-13.45-.46-20.1c-.9-5.85-2.01-19.47 3.88-22.44c2.58-1.3 4.62-.67 6.57.32c2.85 1.66 3.18 5.58 3.1 8.87c-.15 5.66-.76 11.3-1.2 16.94c-.48 6.23-1.89 10.85-1.17 15.84c.27 1.92.69 3.85.78 5.77" opacity=".8"/><path fill="#E2A610" d="M99.79 12.1H28.17s-.82 2.18-.77 5.9c.07 6.72 1.94 7.26 4.36 8.4c5.89 2.77 17.12 4.68 32.17 4.68s26.28-1.9 32.17-4.68c2.42-1.14 4.29-1.68 4.36-8.4c.04-3.72-.67-5.9-.67-5.9"/><ellipse cx="64" cy="12.47" fill="#9E740B" rx="35.86" ry="8.47"/><path fill="#FFE36C" d="M40.94 20.94c5.35.65 6.23.65 6.72 2.27c.22.75.05 1.63-.53 2.14c-2.79 2.46-9.47 1.28-12.23-.8c-.98-.74-2.23-2.74-.71-4.09c1.43-1.26 4.5.21 6.75.48"/></svg>

Jar アイコンの使い方

React

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

<Icon icon="noto:jar" width="24" />

Vue

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

<template>
  <Icon icon="noto:jar" width="24" />
</template>

Svelte

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

<Icon icon="noto:jar" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:jar"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/jar.svg" alt="Jar アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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