number square zero icon

number-square-zero from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name
number-square-zero
Set
Phosphor
Style
Regular
Viewbox
256×256
License
MIT

5 other variants in Phosphor

number-square-zero-boldnumber-square-zero-duotonenumber-square-zero-fillnumber-square-zero-lightnumber-square-zero-thin

Related icons in Phosphor

number-circle-eightnumber-circle-fivenumber-circle-fournumber-circle-ninenumber-circle-onenumber-circle-sevennumber-circle-sixnumber-circle-threenumber-circle-twonumber-circle-zeronumber-eightnumber-fivenumber-fournumber-ninenumber-onenumber-sevennumber-sixnumber-square-eightnumber-square-fivenumber-square-fournumber-square-ninenumber-square-onenumber-square-sevennumber-square-six

Use the number square zero icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 72c-14.23 0-26 6.44-34 18.61c-6.47 9.86-10 23.14-10 37.39s3.56 27.53 10 37.39c8 12.17 19.74 18.61 34 18.61s26-6.44 34-18.61c6.47-9.86 10-23.14 10-37.39s-3.56-27.53-10-37.39C154 78.44 142.23 72 128 72m0 96c-22.1 0-28-25.14-28-40s5.9-40 28-40s28 25.14 28 40s-5.9 40-28 40m80-136H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 176H48V48h160z"/></svg>

React

import type { SVGProps } from "react";

export function PhNumberSquareZero(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 72c-14.23 0-26 6.44-34 18.61c-6.47 9.86-10 23.14-10 37.39s3.56 27.53 10 37.39c8 12.17 19.74 18.61 34 18.61s26-6.44 34-18.61c6.47-9.86 10-23.14 10-37.39s-3.56-27.53-10-37.39C154 78.44 142.23 72 128 72m0 96c-22.1 0-28-25.14-28-40s5.9-40 28-40s28 25.14 28 40s-5.9 40-28 40m80-136H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 176H48V48h160z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 72c-14.23 0-26 6.44-34 18.61c-6.47 9.86-10 23.14-10 37.39s3.56 27.53 10 37.39c8 12.17 19.74 18.61 34 18.61s26-6.44 34-18.61c6.47-9.86 10-23.14 10-37.39s-3.56-27.53-10-37.39C154 78.44 142.23 72 128 72m0 96c-22.1 0-28-25.14-28-40s5.9-40 28-40s28 25.14 28 40s-5.9 40-28 40m80-136H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 176H48V48h160z"/></svg>
</template>

CSS

.icon-number-square-zero {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2072c-14.23%200-26%206.44-34%2018.61c-6.47%209.86-10%2023.14-10%2037.39s3.56%2027.53%2010%2037.39c8%2012.17%2019.74%2018.61%2034%2018.61s26-6.44%2034-18.61c6.47-9.86%2010-23.14%2010-37.39s-3.56-27.53-10-37.39C154%2078.44%20142.23%2072%20128%2072m0%2096c-22.1%200-28-25.14-28-40s5.9-40%2028-40s28%2025.14%2028%2040s-5.9%2040-28%2040m80-136H48a16%2016%200%200%200-16%2016v160a16%2016%200%200%200%2016%2016h160a16%2016%200%200%200%2016-16V48a16%2016%200%200%200-16-16m0%20176H48V48h160z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2072c-14.23%200-26%206.44-34%2018.61c-6.47%209.86-10%2023.14-10%2037.39s3.56%2027.53%2010%2037.39c8%2012.17%2019.74%2018.61%2034%2018.61s26-6.44%2034-18.61c6.47-9.86%2010-23.14%2010-37.39s-3.56-27.53-10-37.39C154%2078.44%20142.23%2072%20128%2072m0%2096c-22.1%200-28-25.14-28-40s5.9-40%2028-40s28%2025.14%2028%2040s-5.9%2040-28%2040m80-136H48a16%2016%200%200%200-16%2016v160a16%2016%200%200%200%2016%2016h160a16%2016%200%200%200%2016-16V48a16%2016%200%200%200-16-16m0%20176H48V48h160z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/number-square-zero.svg?color=%231a73e8&size=48