input-numbers from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.

Name
input-numbers
Set
Emoji One (Colored)
Style
Default
Category
Symbols
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

More symbols icons from Emoji One (Colored)

Use the input numbers emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#4fd1d9"/><path fill="#fff" d="m22.1 17.9l-3.4 1.3l-.7-2.5l4.6-1.7H26v14h-3.9zM35.5 29v-1.9l1.8-1.6c3.1-2.7 4.6-4.2 4.6-5.8c0-1.1-.7-2-2.3-2c-1.2 0-2.3.6-3 1.1l-.9-2.3c1.1-.8 2.7-1.4 4.6-1.4c3.2 0 4.9 1.8 4.9 4.3c0 2.3-1.7 4.2-3.8 5.9l-1.3 1.1h5.3V29zM19.7 45.7c.6.3 1.9.8 3.3.8c1.7 0 2.6-.8 2.6-1.8c0-1.3-1.4-1.9-2.9-1.9h-1.4v-2.3h1.3c1.1 0 2.5-.4 2.5-1.6c0-.8-.7-1.4-2.1-1.4c-1.2 0-2.4.5-3 .8l-.6-2.3c.9-.5 2.5-1 4.4-1c3 0 4.7 1.5 4.7 3.4c0 1.4-.9 2.6-2.6 3.1c1.7.3 3.1 1.5 3.1 3.3c0 2.4-2.2 4.1-5.8 4.1c-1.8 0-3.4-.5-4.2-1zM40.8 49v-3.3H34v-2.1l5.8-8.5h4.4v8.2H46v2.5h-1.8V49zm0-5.8v-3.1c0-.8 0-1.7.1-2.6h-.1c-.5.9-.9 1.7-1.4 2.6l-2 3.1z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneInputNumbers(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#4fd1d9"/><path fill="#fff" d="m22.1 17.9l-3.4 1.3l-.7-2.5l4.6-1.7H26v14h-3.9zM35.5 29v-1.9l1.8-1.6c3.1-2.7 4.6-4.2 4.6-5.8c0-1.1-.7-2-2.3-2c-1.2 0-2.3.6-3 1.1l-.9-2.3c1.1-.8 2.7-1.4 4.6-1.4c3.2 0 4.9 1.8 4.9 4.3c0 2.3-1.7 4.2-3.8 5.9l-1.3 1.1h5.3V29zM19.7 45.7c.6.3 1.9.8 3.3.8c1.7 0 2.6-.8 2.6-1.8c0-1.3-1.4-1.9-2.9-1.9h-1.4v-2.3h1.3c1.1 0 2.5-.4 2.5-1.6c0-.8-.7-1.4-2.1-1.4c-1.2 0-2.4.5-3 .8l-.6-2.3c.9-.5 2.5-1 4.4-1c3 0 4.7 1.5 4.7 3.4c0 1.4-.9 2.6-2.6 3.1c1.7.3 3.1 1.5 3.1 3.3c0 2.4-2.2 4.1-5.8 4.1c-1.8 0-3.4-.5-4.2-1zM40.8 49v-3.3H34v-2.1l5.8-8.5h4.4v8.2H46v2.5h-1.8V49zm0-5.8v-3.1c0-.8 0-1.7.1-2.6h-.1c-.5.9-.9 1.7-1.4 2.6l-2 3.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#4fd1d9"/><path fill="#fff" d="m22.1 17.9l-3.4 1.3l-.7-2.5l4.6-1.7H26v14h-3.9zM35.5 29v-1.9l1.8-1.6c3.1-2.7 4.6-4.2 4.6-5.8c0-1.1-.7-2-2.3-2c-1.2 0-2.3.6-3 1.1l-.9-2.3c1.1-.8 2.7-1.4 4.6-1.4c3.2 0 4.9 1.8 4.9 4.3c0 2.3-1.7 4.2-3.8 5.9l-1.3 1.1h5.3V29zM19.7 45.7c.6.3 1.9.8 3.3.8c1.7 0 2.6-.8 2.6-1.8c0-1.3-1.4-1.9-2.9-1.9h-1.4v-2.3h1.3c1.1 0 2.5-.4 2.5-1.6c0-.8-.7-1.4-2.1-1.4c-1.2 0-2.4.5-3 .8l-.6-2.3c.9-.5 2.5-1 4.4-1c3 0 4.7 1.5 4.7 3.4c0 1.4-.9 2.6-2.6 3.1c1.7.3 3.1 1.5 3.1 3.3c0 2.4-2.2 4.1-5.8 4.1c-1.8 0-3.4-.5-4.2-1zM40.8 49v-3.3H34v-2.1l5.8-8.5h4.4v8.2H46v2.5h-1.8V49zm0-5.8v-3.1c0-.8 0-1.7.1-2.6h-.1c-.5.9-.9 1.7-1.4 2.6l-2 3.1z"/></svg>
</template>

CSS

.icon-input-numbers {
  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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%234fd1d9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m22.1%2017.9l-3.4%201.3l-.7-2.5l4.6-1.7H26v14h-3.9zM35.5%2029v-1.9l1.8-1.6c3.1-2.7%204.6-4.2%204.6-5.8c0-1.1-.7-2-2.3-2c-1.2%200-2.3.6-3%201.1l-.9-2.3c1.1-.8%202.7-1.4%204.6-1.4c3.2%200%204.9%201.8%204.9%204.3c0%202.3-1.7%204.2-3.8%205.9l-1.3%201.1h5.3V29zM19.7%2045.7c.6.3%201.9.8%203.3.8c1.7%200%202.6-.8%202.6-1.8c0-1.3-1.4-1.9-2.9-1.9h-1.4v-2.3h1.3c1.1%200%202.5-.4%202.5-1.6c0-.8-.7-1.4-2.1-1.4c-1.2%200-2.4.5-3%20.8l-.6-2.3c.9-.5%202.5-1%204.4-1c3%200%204.7%201.5%204.7%203.4c0%201.4-.9%202.6-2.6%203.1c1.7.3%203.1%201.5%203.1%203.3c0%202.4-2.2%204.1-5.8%204.1c-1.8%200-3.4-.5-4.2-1zM40.8%2049v-3.3H34v-2.1l5.8-8.5h4.4v8.2H46v2.5h-1.8V49zm0-5.8v-3.1c0-.8%200-1.7.1-2.6h-.1c-.5.9-.9%201.7-1.4%202.6l-2%203.1z%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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%234fd1d9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m22.1%2017.9l-3.4%201.3l-.7-2.5l4.6-1.7H26v14h-3.9zM35.5%2029v-1.9l1.8-1.6c3.1-2.7%204.6-4.2%204.6-5.8c0-1.1-.7-2-2.3-2c-1.2%200-2.3.6-3%201.1l-.9-2.3c1.1-.8%202.7-1.4%204.6-1.4c3.2%200%204.9%201.8%204.9%204.3c0%202.3-1.7%204.2-3.8%205.9l-1.3%201.1h5.3V29zM19.7%2045.7c.6.3%201.9.8%203.3.8c1.7%200%202.6-.8%202.6-1.8c0-1.3-1.4-1.9-2.9-1.9h-1.4v-2.3h1.3c1.1%200%202.5-.4%202.5-1.6c0-.8-.7-1.4-2.1-1.4c-1.2%200-2.4.5-3%20.8l-.6-2.3c.9-.5%202.5-1%204.4-1c3%200%204.7%201.5%204.7%203.4c0%201.4-.9%202.6-2.6%203.1c1.7.3%203.1%201.5%203.1%203.3c0%202.4-2.2%204.1-5.8%204.1c-1.8%200-3.4-.5-4.2-1zM40.8%2049v-3.3H34v-2.1l5.8-8.5h4.4v8.2H46v2.5h-1.8V49zm0-5.8v-3.1c0-.8%200-1.7.1-2.6h-.1c-.5.9-.9%201.7-1.4%202.6l-2%203.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/input-numbers.svg?color=%231a73e8&size=48