Number 24 アイコン
octicon:number-24
Number 24 アイコン(octicon:number-24)は、Octicons セットの無料 SVG アイコンです(作者: GitHub)。 24 × 24 のグリッドで描かれています。 Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、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 コードをページに直接貼り付けます。