decimal icon

Decimal: decimal, decimal number, decimal point. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M4.323 9.477C4.149 8.948 4.062 8.309 4.062 7.56C4.062 6.811 4.149 6.17 4.323 5.638C4.498 5.106 4.77 4.7 5.141 4.421C5.512 4.142 5.981 4.002 6.546 4.002C7.118 4.002 7.588 4.142 7.956 4.421C8.324 4.7 8.595 5.106 8.769 5.638C8.943 6.17 9.03 6.811 9.03 7.56C9.03 8.309 8.943 8.948 8.769 9.477C8.595 10.006 8.324 10.412 7.956 10.694C7.588 10.977 7.118 11.118 6.546 11.118C5.981 11.118 5.512 10.977 5.141 10.694C4.77 10.412 4.498 10.006 4.323 9.477ZM11.056 10.694C10.685 10.412 10.412 10.006 10.237 9.477C10.063 8.948 9.976 8.309 9.976 7.56C9.976 6.811 10.063 6.17 10.237 5.638C10.412 5.106 10.685 4.7 11.056 4.421C11.427 4.142 11.895 4.002 12.46 4.002C13.032 4.002 13.502 4.142 13.87 4.421C14.238 4.7 14.509 5.106 14.683 5.638C14.857 6.17 14.944 6.811 14.944 7.56C14.944 8.309 14.857 8.948 14.683 9.477C14.509 10.006 14.238 10.412 13.87 10.694C13.502 10.977 13.032 11.118 12.46 11.118C11.895 11.118 11.427 10.977 11.056 10.694ZM6.546 10.172C6.868 10.172 7.123 10.088 7.31 9.921C7.497 9.753 7.634 9.518 7.719 9.216C7.804 8.914 7.847 8.562 7.847 8.161L7.847 6.959C7.847 6.558 7.804 6.206 7.719 5.904C7.634 5.602 7.497 5.367 7.31 5.199C7.123 5.032 6.868 4.948 6.546 4.948C6.231 4.948 5.978 5.032 5.787 5.199C5.596 5.367 5.458 5.602 5.373 5.904C5.288 6.206 5.245 6.558 5.245 6.959L5.245 8.161C5.245 8.562 5.288 8.914 5.373 9.216C5.458 9.518 5.596 9.753 5.787 9.921C5.978 10.088 6.231 10.172 6.546 10.172ZM13.224 9.921C13.411 9.753 13.548 9.518 13.633 9.216C13.718 8.914 13.761 8.562 13.761 8.161L13.761 6.959C13.761 6.558 13.718 6.206 13.633 5.904C13.548 5.602 13.411 5.367 13.224 5.199C13.037 5.032 12.782 4.948 12.46 4.948C12.145 4.948 11.892 5.032 11.701 5.199C11.51 5.367 11.372 5.602 11.287 5.904C11.202 6.206 11.159 6.558 11.159 6.959L11.159 8.161C11.159 8.562 11.202 8.914 11.287 9.216C11.372 9.518 11.51 9.753 11.701 9.921C11.892 10.088 12.145 10.172 12.46 10.172C12.782 10.172 13.037 10.088 13.224 9.921ZM1.632 10.926C1.517 10.798 1.46 10.639 1.46 10.448L1.46 10.29C1.46 10.093 1.517 9.934 1.632 9.812C1.747 9.691 1.927 9.63 2.17 9.63C2.419 9.63 2.602 9.691 2.717 9.812C2.832 9.934 2.889 10.093 2.889 10.29L2.889 10.448C2.889 10.639 2.832 10.798 2.717 10.926C2.602 11.054 2.419 11.118 2.17 11.118C1.927 11.118 1.747 11.054 1.632 10.926Z"/></svg>

React

// Gentleface "decimal" (line-round), MIT. https://gentleface.com/icons/decimal
import type { SVGProps } from 'react';

export function DecimalIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M4.323 9.477C4.149 8.948 4.062 8.309 4.062 7.56C4.062 6.811 4.149 6.17 4.323 5.638C4.498 5.106 4.77 4.7 5.141 4.421C5.512 4.142 5.981 4.002 6.546 4.002C7.118 4.002 7.588 4.142 7.956 4.421C8.324 4.7 8.595 5.106 8.769 5.638C8.943 6.17 9.03 6.811 9.03 7.56C9.03 8.309 8.943 8.948 8.769 9.477C8.595 10.006 8.324 10.412 7.956 10.694C7.588 10.977 7.118 11.118 6.546 11.118C5.981 11.118 5.512 10.977 5.141 10.694C4.77 10.412 4.498 10.006 4.323 9.477ZM11.056 10.694C10.685 10.412 10.412 10.006 10.237 9.477C10.063 8.948 9.976 8.309 9.976 7.56C9.976 6.811 10.063 6.17 10.237 5.638C10.412 5.106 10.685 4.7 11.056 4.421C11.427 4.142 11.895 4.002 12.46 4.002C13.032 4.002 13.502 4.142 13.87 4.421C14.238 4.7 14.509 5.106 14.683 5.638C14.857 6.17 14.944 6.811 14.944 7.56C14.944 8.309 14.857 8.948 14.683 9.477C14.509 10.006 14.238 10.412 13.87 10.694C13.502 10.977 13.032 11.118 12.46 11.118C11.895 11.118 11.427 10.977 11.056 10.694ZM6.546 10.172C6.868 10.172 7.123 10.088 7.31 9.921C7.497 9.753 7.634 9.518 7.719 9.216C7.804 8.914 7.847 8.562 7.847 8.161L7.847 6.959C7.847 6.558 7.804 6.206 7.719 5.904C7.634 5.602 7.497 5.367 7.31 5.199C7.123 5.032 6.868 4.948 6.546 4.948C6.231 4.948 5.978 5.032 5.787 5.199C5.596 5.367 5.458 5.602 5.373 5.904C5.288 6.206 5.245 6.558 5.245 6.959L5.245 8.161C5.245 8.562 5.288 8.914 5.373 9.216C5.458 9.518 5.596 9.753 5.787 9.921C5.978 10.088 6.231 10.172 6.546 10.172ZM13.224 9.921C13.411 9.753 13.548 9.518 13.633 9.216C13.718 8.914 13.761 8.562 13.761 8.161L13.761 6.959C13.761 6.558 13.718 6.206 13.633 5.904C13.548 5.602 13.411 5.367 13.224 5.199C13.037 5.032 12.782 4.948 12.46 4.948C12.145 4.948 11.892 5.032 11.701 5.199C11.51 5.367 11.372 5.602 11.287 5.904C11.202 6.206 11.159 6.558 11.159 6.959L11.159 8.161C11.159 8.562 11.202 8.914 11.287 9.216C11.372 9.518 11.51 9.753 11.701 9.921C11.892 10.088 12.145 10.172 12.46 10.172C12.782 10.172 13.037 10.088 13.224 9.921ZM1.632 10.926C1.517 10.798 1.46 10.639 1.46 10.448L1.46 10.29C1.46 10.093 1.517 9.934 1.632 9.812C1.747 9.691 1.927 9.63 2.17 9.63C2.419 9.63 2.602 9.691 2.717 9.812C2.832 9.934 2.889 10.093 2.889 10.29L2.889 10.448C2.889 10.639 2.832 10.798 2.717 10.926C2.602 11.054 2.419 11.118 2.17 11.118C1.927 11.118 1.747 11.054 1.632 10.926Z" />
    </svg>
  );
}

Vue

Vue: see /icons/decimal.md

Svelte

Svelte: see /icons/decimal.md

HTML img

HTML img: see /icons/decimal.md

CSS

CSS: see /icons/decimal.md

Data URL

Data URL: see /icons/decimal.md

Sprite

Sprite: see /icons/decimal.md

SwiftUI

SwiftUI: see /icons/decimal.md

Compose

Compose: see /icons/decimal.md

Android XML

Android XML: see /icons/decimal.md

Flutter

Flutter: see /icons/decimal.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

decimal, decimal number, decimal point

Tags

decimal, decimal number, decimal point, number format, precision, field type, digits

Category

Math & symbols

Component name

DecimalIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

More math & symbols icons

abacus alpha ampersand axes backslash command congruent-to delta delta-lower diameter divide element-of element-of-not equal equal-approximately equal-approximately-not · all math & symbols icons

For agents

Metadata: /icons/decimal.json · Markdown: /icons/decimal.md · SVG: https://gentleface.com/svg/{style}/16/decimal.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/decimal.png

decimal icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More math & symbols icons

For agents

decimal icon