Divide アイコン

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

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

noto:divide

Divide アイコン(noto:divide)は、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
カテゴリ: 記号
タグ: division sign、heavy division sign

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#464C4F" d="M5.93 71.08s-.14 4.71 1.04 5.84c1.29 1.23 3.01 1.05 5.42 1.05s105.2.13 107.34 0s2.54-1.47 2.68-2.54c.13-1.07.15-3.92.15-3.92l-25.31-8.67zm40.74-49.21s.06 18.92 19.14 18.89c17.4-.03 18.2-18.34 18.2-18.34L67.54 25.9zm-.89 79.72c-.09 2.13-.92 7.13 2.19 13.06c2.69 5.13 8.01 8.84 15.7 8.95c9.35.14 14.5-5.1 16.34-9.59c2.21-5.4 1.9-11.74 1.9-11.74s-19.31 1.11-19.98 1.65c-.68.55-16.15-2.33-16.15-2.33"/><path fill="#606265" d="M65.27 3.28c-11.11-.2-18.87 8.57-18.6 18.6c.24 8.87 8.97 14.59 19.14 14.32s17.53-7.23 18.2-13.79c.67-6.55-4.02-18.86-18.74-19.13m-.94 83.25c-12.42-.08-19.5 9.01-18.6 18.07c.8 8.16 10.17 14.05 18.2 14.19c7.76.13 17.4-6.02 17.94-14.99c.51-8.56-5.96-17.19-17.54-17.27M5.71 50.93c0-2.28.67-2.94 4.28-2.94s105.87.13 108.55.27c2.68.13 4.08 1.91 4.08 5.53c0 3.61-.09 15.85-.07 17.36c.02 1.34-.4 2.81-3.88 2.81s-107.48.13-109.48.13s-3.32-.8-3.32-3.62c0-2.57-.16-16.06-.16-19.54"/><path fill="#9A9A9A" d="M52.76 104.98c2.49.51 3.08-3.97 6.87-6.87s5.79-4 5.73-5.82c-.09-2.38-5.73-4.76-11.54 1.06c-4.1 4.1-4.06 11.01-1.06 11.63m1.29-81.9c2.37.41 3.44-4.93 6.17-7.31s6.02-4.01 4.49-6.26c-1.32-1.94-6.52-3.26-10.66 2.56s-2.03 10.66 0 11.01M23.87 51.36c.2 2.2-2.27 3.56-6.54 7.09c-2.49 2.06-3.6 4.83-5.93 4.4c-1.37-.25-1.4-3.11-1.47-6.08c-.06-2.5.15-4.71.89-5.54c1.08-1.22 3.33-1.12 5.93-1.22c3.31-.13 7 0 7.12 1.35"/></svg>

Divide アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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