Diamond With A Dot アイコン

Q: Diamond With A Dot アイコンは商用利用でも無料ですか?

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

noto:diamond-with-a-dot

Diamond With A Dot アイコン(noto:diamond-with-a-dot)は、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
カテゴリ: 記号
タグ: diamondwith、witha、adot、diamondwithadot

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#8FD0EB" d="m48.27 34.56l-16.9 13.67L39.2 81.1l8.6 9.06l33.17-2.3l9.22-9.37s-1.08-32.87-1.54-33.17c-.46-.31-7.53-6.76-7.53-6.76z"/><path fill="#FEFEFE" d="M52.01 76.47c1.04 1.18 6.09-4.16 12-4.25c5.94-.09 10.62 4.43 11.36 3.69s-3.51-6.37-3.51-12.28s5.44-11.09 4.66-12.01c-.92-1.09-5.96 3.7-12.61 3.79s-10.87-5.13-12.37-4.16c-1.51.97 3.88 6.83 3.69 12.93c-.17 6.1-3.96 11.46-3.22 12.29"/><radialGradient id="SVGanIBNeIJ" cx="64.24" cy="51.839" r="35.908" gradientUnits="userSpaceOnUse"><stop offset=".427" stop-color="#1F87FB"/><stop offset=".816" stop-color="#05BFEA"/></radialGradient><path fill="url(#SVGanIBNeIJ)" d="M63.74 2.97c-1.78.07-7.11 7.02-11.82 11.45s-10.8 10.53-9.79 18.38s9.14 16.71 22.72 16.81s21.49-11.45 21.61-17.27c.18-8.96-8.14-15.58-12.74-19.95c-5.09-4.82-7.98-9.5-9.98-9.42"/><radialGradient id="SVGbrgBBd8R" cx="70.231" cy="63.741" r="38.338" gradientUnits="userSpaceOnUse"><stop offset=".427" stop-color="#1F87FB"/><stop offset=".816" stop-color="#05BFEA"/></radialGradient><path fill="url(#SVGbrgBBd8R)" d="M77.69 64.41c-.48 16.94 13.96 25.35 25.21 19.09s21.22-18.94 21.36-20.22c.07-.63-3.96-4.78-8.83-9.4c-5.03-4.77-10.11-9.83-18.23-10.68c-8.45-.91-19.07 5.83-19.51 21.21"/><radialGradient id="SVGkGUWCCmj" cx="52.511" cy="62.947" r="36.634" gradientUnits="userSpaceOnUse"><stop offset=".427" stop-color="#1F87FB"/><stop offset=".816" stop-color="#05BFEA"/></radialGradient><path fill="url(#SVGkGUWCCmj)" d="M3.49 64.41c-.35 1.3 5.12 5.82 12.26 12.03c5.46 4.75 10.96 9.33 16.94 9.19c5.84-.14 16.09-5.84 15.95-22.22c-.16-18.81-11.79-23.17-17.95-22.22c-5.81.9-10.62 5.11-15.74 10.12c-5.43 5.32-11.02 11.48-11.46 13.1"/><radialGradient id="SVG2mR870WL" cx="63.884" cy="78.022" r="32.535" gradientUnits="userSpaceOnUse"><stop offset=".427" stop-color="#1F87FB"/><stop offset=".816" stop-color="#05BFEA"/></radialGradient><path fill="url(#SVG2mR870WL)" d="M63.88 78.51c-10.97-.1-22.5 7.69-21.08 20.65c.62 5.66 4.95 10.11 9.4 14.53c5.74 5.7 11.92 10.66 12.96 10.82c.92.14 7.31-6.02 12.68-12.82c3.67-4.65 7.06-9.57 7.12-13.1c.14-8.69-5.84-19.94-21.08-20.08"/><path fill="#034EAC" d="M85.83 34.59c-1.05.09-5.21 10.57-3.72 11.97c1.51 1.42 12.07-2.72 11.88-4.51c-.17-1.78-6.46-7.59-8.16-7.46m-43.35-1.92c-1.65-.64-8.37 5.58-8.23 8.06c.1 1.76 10.47 6.08 12.09 4.61c1.6-1.48-2.41-12.11-3.86-12.67m4.45 48.35c-1.01-1.1-10.96 1.47-11.01 4.22c-.06 3.77 5.21 7.38 6.97 6.88c1.8-.51 5.99-8.98 4.04-11.1m33.63.41c-1.51 1.51 2.14 10.93 3.9 11.28c3.17.64 7.98-5.96 7.48-7.52c-.66-2.03-10.32-4.82-11.38-3.76"/></svg>

Diamond With A Dot アイコンの使い方

React

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

<Icon icon="noto:diamond-with-a-dot" width="24" />

Vue

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

<template>
  <Icon icon="noto:diamond-with-a-dot" width="24" />
</template>

Svelte

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

<Icon icon="noto:diamond-with-a-dot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--diamond-with-a-dot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:diamond-with-a-dot"></div>

Web コンポーネント

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

<iconify-icon icon="noto:diamond-with-a-dot"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/diamond-with-a-dot.svg" alt="Diamond With A Dot アイコン" width="24" height="24">

Noto Emoji の関連アイコン

他のアイコンセットの Diamond With A Dot アイコン

Diamond With A Dot アイコンのよくある質問

Diamond With A Dot アイコンは商用利用でも無料ですか?

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

React で Diamond With A Dot アイコンを使うには?

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

Diamond With A Dot アイコンをウェブページに追加するには?

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

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