field number icon

field-number-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: field-number-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: field-number

Related icons in Ant Design Icons

field-binary-outlined field-string-outlined field-time-outlined

Use the field number icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M508 280h-63.3c-3.3 0-6 2.7-6 6v340.2H433L197.4 282.6c-1.1-1.6-3-2.6-4.9-2.6H126c-3.3 0-6 2.7-6 6v464c0 3.3 2.7 6 6 6h62.7c3.3 0 6-2.7 6-6V405.1h5.7l238.2 348.3c1.1 1.6 3 2.6 5 2.6H508c3.3 0 6-2.7 6-6V286c0-3.3-2.7-6-6-6m378 413H582c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8m-152.2-63c52.9 0 95.2-17.2 126.2-51.7c29.4-32.9 44-75.8 44-128.8c0-53.1-14.6-96.5-44-129.3c-30.9-34.8-73.2-52.2-126.2-52.2c-53.7 0-95.9 17.5-126.3 52.8c-29.2 33.1-43.4 75.9-43.4 128.7c0 52.4 14.3 95.2 43.5 128.3c30.6 34.7 73 52.2 126.2 52.2m-71.5-263.7c16.9-20.6 40.3-30.9 71.4-30.9c31.5 0 54.8 9.6 71 29.1c16.4 20.3 24.9 48.6 24.9 84.9s-8.4 64.1-24.8 83.9c-16.5 19.4-40 29.2-71.1 29.2c-31.2 0-55-10.3-71.4-30.4c-16.3-20.1-24.5-47.3-24.5-82.6c.1-35.8 8.2-63 24.5-83.2"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignFieldNumberOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M508 280h-63.3c-3.3 0-6 2.7-6 6v340.2H433L197.4 282.6c-1.1-1.6-3-2.6-4.9-2.6H126c-3.3 0-6 2.7-6 6v464c0 3.3 2.7 6 6 6h62.7c3.3 0 6-2.7 6-6V405.1h5.7l238.2 348.3c1.1 1.6 3 2.6 5 2.6H508c3.3 0 6-2.7 6-6V286c0-3.3-2.7-6-6-6m378 413H582c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8m-152.2-63c52.9 0 95.2-17.2 126.2-51.7c29.4-32.9 44-75.8 44-128.8c0-53.1-14.6-96.5-44-129.3c-30.9-34.8-73.2-52.2-126.2-52.2c-53.7 0-95.9 17.5-126.3 52.8c-29.2 33.1-43.4 75.9-43.4 128.7c0 52.4 14.3 95.2 43.5 128.3c30.6 34.7 73 52.2 126.2 52.2m-71.5-263.7c16.9-20.6 40.3-30.9 71.4-30.9c31.5 0 54.8 9.6 71 29.1c16.4 20.3 24.9 48.6 24.9 84.9s-8.4 64.1-24.8 83.9c-16.5 19.4-40 29.2-71.1 29.2c-31.2 0-55-10.3-71.4-30.4c-16.3-20.1-24.5-47.3-24.5-82.6c.1-35.8 8.2-63 24.5-83.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M508 280h-63.3c-3.3 0-6 2.7-6 6v340.2H433L197.4 282.6c-1.1-1.6-3-2.6-4.9-2.6H126c-3.3 0-6 2.7-6 6v464c0 3.3 2.7 6 6 6h62.7c3.3 0 6-2.7 6-6V405.1h5.7l238.2 348.3c1.1 1.6 3 2.6 5 2.6H508c3.3 0 6-2.7 6-6V286c0-3.3-2.7-6-6-6m378 413H582c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8m-152.2-63c52.9 0 95.2-17.2 126.2-51.7c29.4-32.9 44-75.8 44-128.8c0-53.1-14.6-96.5-44-129.3c-30.9-34.8-73.2-52.2-126.2-52.2c-53.7 0-95.9 17.5-126.3 52.8c-29.2 33.1-43.4 75.9-43.4 128.7c0 52.4 14.3 95.2 43.5 128.3c30.6 34.7 73 52.2 126.2 52.2m-71.5-263.7c16.9-20.6 40.3-30.9 71.4-30.9c31.5 0 54.8 9.6 71 29.1c16.4 20.3 24.9 48.6 24.9 84.9s-8.4 64.1-24.8 83.9c-16.5 19.4-40 29.2-71.1 29.2c-31.2 0-55-10.3-71.4-30.4c-16.3-20.1-24.5-47.3-24.5-82.6c.1-35.8 8.2-63 24.5-83.2"/></svg>
</template>

CSS

.icon-field-number-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M508%20280h-63.3c-3.3%200-6%202.7-6%206v340.2H433L197.4%20282.6c-1.1-1.6-3-2.6-4.9-2.6H126c-3.3%200-6%202.7-6%206v464c0%203.3%202.7%206%206%206h62.7c3.3%200%206-2.7%206-6V405.1h5.7l238.2%20348.3c1.1%201.6%203%202.6%205%202.6H508c3.3%200%206-2.7%206-6V286c0-3.3-2.7-6-6-6m378%20413H582c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h304c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8m-152.2-63c52.9%200%2095.2-17.2%20126.2-51.7c29.4-32.9%2044-75.8%2044-128.8c0-53.1-14.6-96.5-44-129.3c-30.9-34.8-73.2-52.2-126.2-52.2c-53.7%200-95.9%2017.5-126.3%2052.8c-29.2%2033.1-43.4%2075.9-43.4%20128.7c0%2052.4%2014.3%2095.2%2043.5%20128.3c30.6%2034.7%2073%2052.2%20126.2%2052.2m-71.5-263.7c16.9-20.6%2040.3-30.9%2071.4-30.9c31.5%200%2054.8%209.6%2071%2029.1c16.4%2020.3%2024.9%2048.6%2024.9%2084.9s-8.4%2064.1-24.8%2083.9c-16.5%2019.4-40%2029.2-71.1%2029.2c-31.2%200-55-10.3-71.4-30.4c-16.3-20.1-24.5-47.3-24.5-82.6c.1-35.8%208.2-63%2024.5-83.2%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M508%20280h-63.3c-3.3%200-6%202.7-6%206v340.2H433L197.4%20282.6c-1.1-1.6-3-2.6-4.9-2.6H126c-3.3%200-6%202.7-6%206v464c0%203.3%202.7%206%206%206h62.7c3.3%200%206-2.7%206-6V405.1h5.7l238.2%20348.3c1.1%201.6%203%202.6%205%202.6H508c3.3%200%206-2.7%206-6V286c0-3.3-2.7-6-6-6m378%20413H582c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h304c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8m-152.2-63c52.9%200%2095.2-17.2%20126.2-51.7c29.4-32.9%2044-75.8%2044-128.8c0-53.1-14.6-96.5-44-129.3c-30.9-34.8-73.2-52.2-126.2-52.2c-53.7%200-95.9%2017.5-126.3%2052.8c-29.2%2033.1-43.4%2075.9-43.4%20128.7c0%2052.4%2014.3%2095.2%2043.5%20128.3c30.6%2034.7%2073%2052.2%20126.2%2052.2m-71.5-263.7c16.9-20.6%2040.3-30.9%2071.4-30.9c31.5%200%2054.8%209.6%2071%2029.1c16.4%2020.3%2024.9%2048.6%2024.9%2084.9s-8.4%2064.1-24.8%2083.9c-16.5%2019.4-40%2029.2-71.1%2029.2c-31.2%200-55-10.3-71.4-30.4c-16.3-20.1-24.5-47.3-24.5-82.6c.1-35.8%208.2-63%2024.5-83.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/field-number-outlined.svg?color=%231a73e8&size=48