number circle 3 icon
number-circle-3-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- number-circle-3-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
number-circle-0-16-fillednumber-circle-1-16-fillednumber-circle-2-16-fillednumber-circle-4-16-fillednumber-circle-5-16-fillednumber-circle-6-16-fillednumber-circle-7-16-fillednumber-circle-8-16-fillednumber-circle-9-16-fillednumber-row-16-fillednumber-symbol-16-fillednumber-symbol-dismiss-20-fillednumber-symbol-square-20-filled
Use the number circle 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 14C2 7.373 7.373 2 14 2s12 5.373 12 12s-5.373 12-12 12S2 20.627 2 14m8.528-4.105a.75.75 0 0 0 1.052-.107l.005-.006l.03-.033a4.2 4.2 0 0 1 .701-.596a3.67 3.67 0 0 1 2.057-.653C15.88 8.5 17 9.617 17 10.875s-1.12 2.375-2.627 2.375H13.25a.75.75 0 0 0 0 1.5h1.123c1.507 0 2.627 1.117 2.627 2.375S15.88 19.5 14.373 19.5c-.862 0-1.561-.32-2.057-.653a4.2 4.2 0 0 1-.702-.596l-.03-.034l-.003-.003v-.001a.75.75 0 0 0-1.164.947h.001l.001.002l.002.003l.006.007l.018.02l.058.066q.073.082.207.213c.177.171.435.396.767.62c.665.447 1.652.909 2.896.909c2.224 0 4.127-1.681 4.127-3.875c0-1.305-.674-2.429-1.687-3.125c1.013-.696 1.687-1.82 1.687-3.125C18.5 8.681 16.597 7 14.373 7c-1.244 0-2.231.462-2.895.91a5.7 5.7 0 0 0-.975.832l-.058.065l-.018.021l-.006.007l-.002.003v.001l-.002.001a.75.75 0 0 0 .11 1.055"/></svg>
React
import type { SVGProps } from "react";
export function FluentNumberCircle328Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 14C2 7.373 7.373 2 14 2s12 5.373 12 12s-5.373 12-12 12S2 20.627 2 14m8.528-4.105a.75.75 0 0 0 1.052-.107l.005-.006l.03-.033a4.2 4.2 0 0 1 .701-.596a3.67 3.67 0 0 1 2.057-.653C15.88 8.5 17 9.617 17 10.875s-1.12 2.375-2.627 2.375H13.25a.75.75 0 0 0 0 1.5h1.123c1.507 0 2.627 1.117 2.627 2.375S15.88 19.5 14.373 19.5c-.862 0-1.561-.32-2.057-.653a4.2 4.2 0 0 1-.702-.596l-.03-.034l-.003-.003v-.001a.75.75 0 0 0-1.164.947h.001l.001.002l.002.003l.006.007l.018.02l.058.066q.073.082.207.213c.177.171.435.396.767.62c.665.447 1.652.909 2.896.909c2.224 0 4.127-1.681 4.127-3.875c0-1.305-.674-2.429-1.687-3.125c1.013-.696 1.687-1.82 1.687-3.125C18.5 8.681 16.597 7 14.373 7c-1.244 0-2.231.462-2.895.91a5.7 5.7 0 0 0-.975.832l-.058.065l-.018.021l-.006.007l-.002.003v.001l-.002.001a.75.75 0 0 0 .11 1.055"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 14C2 7.373 7.373 2 14 2s12 5.373 12 12s-5.373 12-12 12S2 20.627 2 14m8.528-4.105a.75.75 0 0 0 1.052-.107l.005-.006l.03-.033a4.2 4.2 0 0 1 .701-.596a3.67 3.67 0 0 1 2.057-.653C15.88 8.5 17 9.617 17 10.875s-1.12 2.375-2.627 2.375H13.25a.75.75 0 0 0 0 1.5h1.123c1.507 0 2.627 1.117 2.627 2.375S15.88 19.5 14.373 19.5c-.862 0-1.561-.32-2.057-.653a4.2 4.2 0 0 1-.702-.596l-.03-.034l-.003-.003v-.001a.75.75 0 0 0-1.164.947h.001l.001.002l.002.003l.006.007l.018.02l.058.066q.073.082.207.213c.177.171.435.396.767.62c.665.447 1.652.909 2.896.909c2.224 0 4.127-1.681 4.127-3.875c0-1.305-.674-2.429-1.687-3.125c1.013-.696 1.687-1.82 1.687-3.125C18.5 8.681 16.597 7 14.373 7c-1.244 0-2.231.462-2.895.91a5.7 5.7 0 0 0-.975.832l-.058.065l-.018.021l-.006.007l-.002.003v.001l-.002.001a.75.75 0 0 0 .11 1.055"/></svg> </template>
CSS
.icon-number-circle-3-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2014C2%207.373%207.373%202%2014%202s12%205.373%2012%2012s-5.373%2012-12%2012S2%2020.627%202%2014m8.528-4.105a.75.75%200%200%200%201.052-.107l.005-.006l.03-.033a4.2%204.2%200%200%201%20.701-.596a3.67%203.67%200%200%201%202.057-.653C15.88%208.5%2017%209.617%2017%2010.875s-1.12%202.375-2.627%202.375H13.25a.75.75%200%200%200%200%201.5h1.123c1.507%200%202.627%201.117%202.627%202.375S15.88%2019.5%2014.373%2019.5c-.862%200-1.561-.32-2.057-.653a4.2%204.2%200%200%201-.702-.596l-.03-.034l-.003-.003v-.001a.75.75%200%200%200-1.164.947h.001l.001.002l.002.003l.006.007l.018.02l.058.066q.073.082.207.213c.177.171.435.396.767.62c.665.447%201.652.909%202.896.909c2.224%200%204.127-1.681%204.127-3.875c0-1.305-.674-2.429-1.687-3.125c1.013-.696%201.687-1.82%201.687-3.125C18.5%208.681%2016.597%207%2014.373%207c-1.244%200-2.231.462-2.895.91a5.7%205.7%200%200%200-.975.832l-.058.065l-.018.021l-.006.007l-.002.003v.001l-.002.001a.75.75%200%200%200%20.11%201.055%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2014C2%207.373%207.373%202%2014%202s12%205.373%2012%2012s-5.373%2012-12%2012S2%2020.627%202%2014m8.528-4.105a.75.75%200%200%200%201.052-.107l.005-.006l.03-.033a4.2%204.2%200%200%201%20.701-.596a3.67%203.67%200%200%201%202.057-.653C15.88%208.5%2017%209.617%2017%2010.875s-1.12%202.375-2.627%202.375H13.25a.75.75%200%200%200%200%201.5h1.123c1.507%200%202.627%201.117%202.627%202.375S15.88%2019.5%2014.373%2019.5c-.862%200-1.561-.32-2.057-.653a4.2%204.2%200%200%201-.702-.596l-.03-.034l-.003-.003v-.001a.75.75%200%200%200-1.164.947h.001l.001.002l.002.003l.006.007l.018.02l.058.066q.073.082.207.213c.177.171.435.396.767.62c.665.447%201.652.909%202.896.909c2.224%200%204.127-1.681%204.127-3.875c0-1.305-.674-2.429-1.687-3.125c1.013-.696%201.687-1.82%201.687-3.125C18.5%208.681%2016.597%207%2014.373%207c-1.244%200-2.231.462-2.895.91a5.7%205.7%200%200%200-.975.832l-.058.065l-.018.021l-.006.007l-.002.003v.001l-.002.001a.75.75%200%200%200%20.11%201.055%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/number-circle-3-28-filled.svg?color=%231a73e8&size=48
