ICONYZ
日本語
Octicons の Number 24 アイコン

Number 24 アイコン

octicon:number-24

Number 24 アイコン(octicon:number-24)は、Octicons セットの無料 SVG アイコンです(作者: GitHub)。 24 × 24 のグリッドで描かれています。 Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Octicons
作者
GitHub
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.003 7.754a.75.75 0 0 1 .75-.75h5.232a.75.75 0 0 1 .53 1.28l-2.776 2.777c.55.097 1.057.253 1.492.483c.905.477 1.504 1.284 1.504 2.418c0 .966-.471 1.75-1.172 2.27c-.687.511-1.587.77-2.521.77c-1.367 0-2.274-.528-2.667-.756a.75.75 0 0 1 .755-1.297c.331.193.953.553 1.912.553c.673 0 1.243-.188 1.627-.473c.37-.275.566-.635.566-1.067c0-.5-.219-.836-.703-1.091c-.538-.284-1.375-.443-2.471-.443a.75.75 0 0 1-.53-1.28l2.643-2.644h-3.421a.75.75 0 0 1-.75-.75M7.88 15.215a1.4 1.4 0 0 0-1.446.83a.75.75 0 0 1-1.37-.61a2.9 2.9 0 0 1 2.986-1.71c.589.06 1.139.323 1.557.743c.434.446.685 1.058.685 1.778c0 1.641-1.254 2.437-2.12 2.986c-.538.341-1.18.694-1.495 1.273H9.75a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75c0-1.799 1.337-2.63 2.243-3.21c1.032-.659 1.55-1.031 1.55-1.8c0-.355-.116-.584-.26-.732a1.07 1.07 0 0 0-.652-.298Zm.234-13.121a.75.75 0 0 1 .386.656V9h1.252a.75.75 0 0 1 0 1.5H5.75a.75.75 0 0 1 0-1.5H7V4.103l-.853.533a.749.749 0 1 1-.795-1.272l2-1.25a.75.75 0 0 1 .762-.02"/></svg>

Number 24 アイコンの使い方

React

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

<Icon icon="octicon:number-24" width="24" />

Vue

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

<template>
  <Icon icon="octicon:number-24" width="24" />
</template>

Svelte

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

<Icon icon="octicon:number-24" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[octicon--number-24]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/octicon -->
<div class="i-octicon:number-24"></div>

Web コンポーネント

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

<iconify-icon icon="octicon:number-24"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/octicon/number-24.svg" alt="Number 24 アイコン" width="24" height="24">

Octicons の関連アイコン

Number 24 アイコン のよくある質問

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

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

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

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

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

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

Octicons をすべて見る →