number icon
number-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- number-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
1 other variant in Octicons
The same icon in other sets
Use the number icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function OcticonNumber24(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-number-24 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.003%207.754a.75.75%200%200%201%20.75-.75h5.232a.75.75%200%200%201%20.53%201.28l-2.776%202.777c.55.097%201.057.253%201.492.483c.905.477%201.504%201.284%201.504%202.418c0%20.966-.471%201.75-1.172%202.27c-.687.511-1.587.77-2.521.77c-1.367%200-2.274-.528-2.667-.756a.75.75%200%200%201%20.755-1.297c.331.193.953.553%201.912.553c.673%200%201.243-.188%201.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%200%200%201-.53-1.28l2.643-2.644h-3.421a.75.75%200%200%201-.75-.75M7.88%2015.215a1.4%201.4%200%200%200-1.446.83a.75.75%200%200%201-1.37-.61a2.9%202.9%200%200%201%202.986-1.71c.589.06%201.139.323%201.557.743c.434.446.685%201.058.685%201.778c0%201.641-1.254%202.437-2.12%202.986c-.538.341-1.18.694-1.495%201.273H9.75a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75c0-1.799%201.337-2.63%202.243-3.21c1.032-.659%201.55-1.031%201.55-1.8c0-.355-.116-.584-.26-.732a1.07%201.07%200%200%200-.652-.298Zm.234-13.121a.75.75%200%200%201%20.386.656V9h1.252a.75.75%200%200%201%200%201.5H5.75a.75.75%200%200%201%200-1.5H7V4.103l-.853.533a.749.749%200%201%201-.795-1.272l2-1.25a.75.75%200%200%201%20.762-.02%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.003%207.754a.75.75%200%200%201%20.75-.75h5.232a.75.75%200%200%201%20.53%201.28l-2.776%202.777c.55.097%201.057.253%201.492.483c.905.477%201.504%201.284%201.504%202.418c0%20.966-.471%201.75-1.172%202.27c-.687.511-1.587.77-2.521.77c-1.367%200-2.274-.528-2.667-.756a.75.75%200%200%201%20.755-1.297c.331.193.953.553%201.912.553c.673%200%201.243-.188%201.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%200%200%201-.53-1.28l2.643-2.644h-3.421a.75.75%200%200%201-.75-.75M7.88%2015.215a1.4%201.4%200%200%200-1.446.83a.75.75%200%200%201-1.37-.61a2.9%202.9%200%200%201%202.986-1.71c.589.06%201.139.323%201.557.743c.434.446.685%201.058.685%201.778c0%201.641-1.254%202.437-2.12%202.986c-.538.341-1.18.694-1.495%201.273H9.75a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75c0-1.799%201.337-2.63%202.243-3.21c1.032-.659%201.55-1.031%201.55-1.8c0-.355-.116-.584-.26-.732a1.07%201.07%200%200%200-.652-.298Zm.234-13.121a.75.75%200%200%201%20.386.656V9h1.252a.75.75%200%200%201%200%201.5H5.75a.75.75%200%200%201%200-1.5H7V4.103l-.853.533a.749.749%200%201%201-.795-1.272l2-1.25a.75.75%200%200%201%20.762-.02%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/number-24.svg?color=%231a73e8&size=48
