Ring アイコン

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

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

noto:ring

Ring アイコン(noto:ring)は、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="#4B8A99" d="M95.27 61.54c2.16 4.51 3.37 9.57 3.37 14.9c0 19.13-15.5 34.63-34.63 34.63s-34.63-15.5-34.63-34.63c0-5.34 1.21-10.39 3.37-14.9a38.03 38.03 0 0 0-6.96 21.98c0 21.11 17.11 38.22 38.22 38.22s38.22-17.11 38.22-38.22a38.2 38.2 0 0 0-6.96-21.98"/><path fill="#BDBDBD" d="M32.44 47.8C15 65.23 15 93.49 32.44 110.93c17.43 17.43 45.69 17.43 63.13 0s17.43-45.69 0-63.13c-17.44-17.43-45.7-17.43-63.13 0m55.55 59.34c-13.6 13.6-35.64 13.6-49.24 0s-13.6-35.64 0-49.24s35.64-13.6 49.24 0s13.6 35.64 0 49.24"/><path fill="#64B5F6" d="m37.94 20.79l7.75-11.75l6 6.86z"/><path fill="#81D4FA" d="m55.71 29.8l-17.77-9.01l13.75-4.89z"/><path fill="#FFF" d="M64.5 18.63L51.69 15.9l4.02 13.9z"/><path fill="#1E88E5" d="M91.07 20.79L83.32 9.04l-6 6.86z"/><path fill="#B3E5FC" d="m73.29 29.8l17.78-9.01l-13.75-4.89z"/><path fill="#FFF" d="m64.5 18.63l12.82-2.73l-4.03 13.9z"/><path fill="#B2EBF2" d="M73.29 29.8L64.5 18.63L55.71 29.8z"/><path fill="#B3E5FC" d="M55.22 4h18.57l9.53 5.04l-6 6.86l-12.82 2.73l-12.81-2.73l-6-6.86z"/><path fill="#1E88E5" d="m64.5 47.09l-26.56-26.3l17.77 9.01z"/><path fill="#81D4FA" d="m64.5 47.09l26.57-26.3l-17.78 9.01z"/><path fill="#E1F5FE" d="M73.29 29.8L64.5 47.09L55.71 29.8z"/><path fill="#FFF" d="M34.05 51.24c2.91.95 1.18 3.67.57 4.27c-2.39 2.36-3.03 3.89-4.52 6.36c-1.55 2.56-3.36 2.69-4.1 1.16c-2.02-4.19 4.65-12.91 8.05-11.79m53.1 60.14c-5.16 3.14-7.01 1.88-5.69 1c4.97-3.32 11.64-7.94 15.78-20.76c.29-.91 1.27-1.56 2.17-1.24c.82.29 1.3 1.16 1.07 1.99c-3.43 12.59-9.18 16.48-13.33 19.01"/><path fill="#BDBDBD" d="m82.16 29.7l-13.4 13.14l-1.97-.19l.4-8.7c0-1.7-1.06-2.96-2.68-2.96c-1.63 0-2.6 1.26-2.6 2.96l.4 8.7l-1.97.19L46.93 29.7s-3.49 1.51-.14 4.83c3.79 3.75 13.1 12.64 13.1 12.64h9.3s9.32-8.89 13.1-12.64c3.36-3.32-.13-4.83-.13-4.83"/><path fill="#8E8E8E" d="M82.13 29.65L71.21 40.44c-.93.91-.5 2.5.77 2.8c2.85.66 7.53 2.37 13.85 6.8c4.26 2.99 6.68 2.46 7.6.76c1.16-2.14.23-4.89-1.84-6.53c-6.59-5.22-12.27-6.84-12.27-6.84c1.07-1.03 2.11-2.03 2.98-2.9c3.35-3.32-.17-4.88-.17-4.88"/></svg>

Ring アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Noto Emoji の関連アイコン

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

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

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

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

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

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

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

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

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