Gentleface › Text & formatting › decimals-arrow-right

decimals-arrow-right icon

Decimals arrow right: increase decimals, increase decimal places, more decimals. 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="M5.138 7.692C4.769 7.41 4.497 7.005 4.323 6.477C4.149 5.948 4.062 5.309 4.062 4.56C4.062 3.811 4.149 3.17 4.323 2.638C4.498 2.106 4.77 1.7 5.141 1.421C5.512 1.142 5.981 1.002 6.546 1.002C7.118 1.002 7.588 1.142 7.956 1.421C8.301 1.683 8.561 2.056 8.735 2.54C8.747 2.572 8.758 2.605 8.769 2.638C8.943 3.17 9.03 3.811 9.03 4.56C9.03 5.309 8.943 5.948 8.769 6.477C8.617 6.94 8.39 7.309 8.089 7.582C8.046 7.622 8.002 7.659 7.956 7.694C7.588 7.977 7.118 8.118 6.546 8.118C5.981 8.118 5.512 7.977 5.141 7.694L5.14 7.693C5.139 7.693 5.139 7.692 5.138 7.692ZM13.868 7.696C13.5 7.977 13.031 8.118 12.46 8.118C11.895 8.118 11.427 7.977 11.056 7.694C10.685 7.412 10.412 7.006 10.237 6.477C10.063 5.948 9.976 5.309 9.976 4.56C9.976 3.811 10.063 3.17 10.237 2.638C10.412 2.106 10.685 1.7 11.056 1.421C11.427 1.142 11.895 1.002 12.46 1.002C13.032 1.002 13.502 1.142 13.87 1.421C14.215 1.683 14.475 2.056 14.649 2.54C14.661 2.572 14.672 2.605 14.683 2.638C14.857 3.17 14.944 3.811 14.944 4.56C14.944 5.309 14.857 5.948 14.683 6.477C14.509 7.006 14.238 7.412 13.87 7.694L13.87 7.694L13.868 7.696ZM6.546 7.172C6.868 7.172 7.123 7.088 7.31 6.921C7.497 6.753 7.634 6.518 7.719 6.216C7.804 5.914 7.847 5.562 7.847 5.161L7.847 3.959C7.847 3.558 7.804 3.206 7.719 2.904C7.634 2.602 7.497 2.367 7.31 2.199C7.123 2.032 6.868 1.948 6.546 1.948C6.231 1.948 5.978 2.032 5.787 2.199C5.596 2.367 5.458 2.602 5.373 2.904C5.288 3.206 5.245 3.558 5.245 3.959L5.245 5.161C5.245 5.562 5.288 5.914 5.373 6.216C5.458 6.518 5.596 6.753 5.787 6.921C5.978 7.088 6.231 7.172 6.546 7.172ZM13.224 6.921C13.411 6.753 13.548 6.518 13.633 6.216C13.718 5.914 13.761 5.562 13.761 5.161L13.761 3.959C13.761 3.558 13.718 3.206 13.633 2.904C13.548 2.602 13.411 2.367 13.224 2.199C13.037 2.032 12.782 1.948 12.46 1.948C12.145 1.948 11.892 2.032 11.701 2.199C11.51 2.367 11.372 2.602 11.287 2.904C11.202 3.206 11.159 3.558 11.159 3.959L11.159 5.161C11.159 5.562 11.202 5.914 11.287 6.216C11.372 6.518 11.51 6.753 11.701 6.921C11.892 7.088 12.145 7.172 12.46 7.172C12.782 7.172 13.037 7.088 13.224 6.921ZM1.923 6.656C1.997 6.639 2.079 6.63 2.17 6.63C2.295 6.63 2.403 6.645 2.494 6.675C2.585 6.706 2.659 6.751 2.717 6.812C2.732 6.828 2.746 6.844 2.759 6.862C2.808 6.927 2.844 7.001 2.865 7.085C2.881 7.148 2.889 7.216 2.889 7.29L2.889 7.448C2.889 7.615 2.845 7.758 2.757 7.877C2.745 7.894 2.731 7.91 2.717 7.926C2.602 8.054 2.419 8.118 2.17 8.118C1.957 8.118 1.793 8.069 1.678 7.971C1.662 7.957 1.646 7.942 1.632 7.926C1.517 7.798 1.46 7.639 1.46 7.448L1.46 7.29C1.46 7.093 1.517 6.934 1.632 6.812C1.704 6.736 1.801 6.684 1.923 6.656ZM15.003 12.5C15.003 12.636 14.953 12.754 14.854 12.854L12.854 14.854C12.754 14.953 12.636 15.003 12.5 15.003C12.364 15.003 12.246 14.953 12.146 14.854C12.047 14.754 11.997 14.636 11.997 14.5C11.997 14.364 12.047 14.246 12.146 14.146L13.293 13L7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5C7 12.359 7.048 12.241 7.144 12.144C7.241 12.048 7.359 12 7.5 12L13.293 12L12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146C12.246 10.047 12.364 9.997 12.5 9.997C12.636 9.997 12.754 10.047 12.854 10.146L14.854 12.146C14.953 12.246 15.003 12.364 15.003 12.5Z"/></svg>

React

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

export function DecimalsArrowRightIcon(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="M5.138 7.692C4.769 7.41 4.497 7.005 4.323 6.477C4.149 5.948 4.062 5.309 4.062 4.56C4.062 3.811 4.149 3.17 4.323 2.638C4.498 2.106 4.77 1.7 5.141 1.421C5.512 1.142 5.981 1.002 6.546 1.002C7.118 1.002 7.588 1.142 7.956 1.421C8.301 1.683 8.561 2.056 8.735 2.54C8.747 2.572 8.758 2.605 8.769 2.638C8.943 3.17 9.03 3.811 9.03 4.56C9.03 5.309 8.943 5.948 8.769 6.477C8.617 6.94 8.39 7.309 8.089 7.582C8.046 7.622 8.002 7.659 7.956 7.694C7.588 7.977 7.118 8.118 6.546 8.118C5.981 8.118 5.512 7.977 5.141 7.694L5.14 7.693C5.139 7.693 5.139 7.692 5.138 7.692ZM13.868 7.696C13.5 7.977 13.031 8.118 12.46 8.118C11.895 8.118 11.427 7.977 11.056 7.694C10.685 7.412 10.412 7.006 10.237 6.477C10.063 5.948 9.976 5.309 9.976 4.56C9.976 3.811 10.063 3.17 10.237 2.638C10.412 2.106 10.685 1.7 11.056 1.421C11.427 1.142 11.895 1.002 12.46 1.002C13.032 1.002 13.502 1.142 13.87 1.421C14.215 1.683 14.475 2.056 14.649 2.54C14.661 2.572 14.672 2.605 14.683 2.638C14.857 3.17 14.944 3.811 14.944 4.56C14.944 5.309 14.857 5.948 14.683 6.477C14.509 7.006 14.238 7.412 13.87 7.694L13.87 7.694L13.868 7.696ZM6.546 7.172C6.868 7.172 7.123 7.088 7.31 6.921C7.497 6.753 7.634 6.518 7.719 6.216C7.804 5.914 7.847 5.562 7.847 5.161L7.847 3.959C7.847 3.558 7.804 3.206 7.719 2.904C7.634 2.602 7.497 2.367 7.31 2.199C7.123 2.032 6.868 1.948 6.546 1.948C6.231 1.948 5.978 2.032 5.787 2.199C5.596 2.367 5.458 2.602 5.373 2.904C5.288 3.206 5.245 3.558 5.245 3.959L5.245 5.161C5.245 5.562 5.288 5.914 5.373 6.216C5.458 6.518 5.596 6.753 5.787 6.921C5.978 7.088 6.231 7.172 6.546 7.172ZM13.224 6.921C13.411 6.753 13.548 6.518 13.633 6.216C13.718 5.914 13.761 5.562 13.761 5.161L13.761 3.959C13.761 3.558 13.718 3.206 13.633 2.904C13.548 2.602 13.411 2.367 13.224 2.199C13.037 2.032 12.782 1.948 12.46 1.948C12.145 1.948 11.892 2.032 11.701 2.199C11.51 2.367 11.372 2.602 11.287 2.904C11.202 3.206 11.159 3.558 11.159 3.959L11.159 5.161C11.159 5.562 11.202 5.914 11.287 6.216C11.372 6.518 11.51 6.753 11.701 6.921C11.892 7.088 12.145 7.172 12.46 7.172C12.782 7.172 13.037 7.088 13.224 6.921ZM1.923 6.656C1.997 6.639 2.079 6.63 2.17 6.63C2.295 6.63 2.403 6.645 2.494 6.675C2.585 6.706 2.659 6.751 2.717 6.812C2.732 6.828 2.746 6.844 2.759 6.862C2.808 6.927 2.844 7.001 2.865 7.085C2.881 7.148 2.889 7.216 2.889 7.29L2.889 7.448C2.889 7.615 2.845 7.758 2.757 7.877C2.745 7.894 2.731 7.91 2.717 7.926C2.602 8.054 2.419 8.118 2.17 8.118C1.957 8.118 1.793 8.069 1.678 7.971C1.662 7.957 1.646 7.942 1.632 7.926C1.517 7.798 1.46 7.639 1.46 7.448L1.46 7.29C1.46 7.093 1.517 6.934 1.632 6.812C1.704 6.736 1.801 6.684 1.923 6.656ZM15.003 12.5C15.003 12.636 14.953 12.754 14.854 12.854L12.854 14.854C12.754 14.953 12.636 15.003 12.5 15.003C12.364 15.003 12.246 14.953 12.146 14.854C12.047 14.754 11.997 14.636 11.997 14.5C11.997 14.364 12.047 14.246 12.146 14.146L13.293 13L7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5C7 12.359 7.048 12.241 7.144 12.144C7.241 12.048 7.359 12 7.5 12L13.293 12L12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146C12.246 10.047 12.364 9.997 12.5 9.997C12.636 9.997 12.754 10.047 12.854 10.146L14.854 12.146C14.953 12.246 15.003 12.364 15.003 12.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/decimals-arrow-right.md

Svelte

Svelte: see /icons/decimals-arrow-right.md

HTML img

HTML img: see /icons/decimals-arrow-right.md

CSS

CSS: see /icons/decimals-arrow-right.md

Data URL

Data URL: see /icons/decimals-arrow-right.md

Sprite

Sprite: see /icons/decimals-arrow-right.md

SwiftUI

SwiftUI: see /icons/decimals-arrow-right.md

Compose

Compose: see /icons/decimals-arrow-right.md

Android XML

Android XML: see /icons/decimals-arrow-right.md

Flutter

Flutter: see /icons/decimals-arrow-right.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.

With npm: import { DecimalsArrowRightIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

increase decimals, increase decimal places, more decimals

Tags

decimals, decimal places, increase decimals, more decimals, number format, precision, spreadsheet, arrow, right

Category

Text & formatting

Component name

DecimalsArrowRightIcon

History

2026-11-06 20 px drawn, 24 px drawn, added, released in 0.4.0

Since

version 0.4.0

More text & formatting icons

align-center align-justify align-justify-center align-left align-right asterisk bold border-all border-bottom border-horizontal border-inner border-left border-none border-outer border-right border-top · all text & formatting icons

For agents

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

decimals-arrow-right icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More text & formatting icons

For agents

decimals-arrow-right icon