number circle 8 icon

number-circle-8-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.

Name
number-circle-8-32-filled
Set
Fluent UI System Icons
Style
32 Filled
Viewbox
32×32
License
MIT

11 other variants in Fluent UI System Icons

number-circle-8-16-fillednumber-circle-8-16-regularnumber-circle-8-20-fillednumber-circle-8-20-regularnumber-circle-8-24-fillednumber-circle-8-24-regularnumber-circle-8-28-fillednumber-circle-8-28-regularnumber-circle-8-32-regularnumber-circle-8-48-fillednumber-circle-8-48-regular

Related icons in Fluent UI System Icons

number-circle-0-16-fillednumber-circle-1-16-fillednumber-circle-2-16-fillednumber-circle-3-16-fillednumber-circle-4-16-fillednumber-circle-5-16-fillednumber-circle-6-16-fillednumber-circle-7-16-fillednumber-circle-9-16-fillednumber-row-16-fillednumber-symbol-16-fillednumber-symbol-dismiss-20-fillednumber-symbol-square-20-filled

Use the number circle 8 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14s14-6.268 14-14S23.732 2 16 2m0 8c-1.452 0-2.5 1.076-2.5 2.25s1.048 2.25 2.5 2.25s2.5-1.076 2.5-2.25S17.452 10 16 10m2.979 5.436C20.195 16.29 21 17.663 21 19.25c0 2.683-2.3 4.75-5 4.75s-5-2.067-5-4.75c0-1.587.805-2.959 2.021-3.814c-.924-.768-1.521-1.894-1.521-3.186C11.5 9.834 13.586 8 16 8s4.5 1.834 4.5 4.25c0 1.292-.597 2.418-1.521 3.186M16 16.5c-1.719 0-3 1.291-3 2.75S14.281 22 16 22s3-1.291 3-2.75s-1.281-2.75-3-2.75"/></svg>

React

import type { SVGProps } from "react";

export function FluentNumberCircle832Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14s14-6.268 14-14S23.732 2 16 2m0 8c-1.452 0-2.5 1.076-2.5 2.25s1.048 2.25 2.5 2.25s2.5-1.076 2.5-2.25S17.452 10 16 10m2.979 5.436C20.195 16.29 21 17.663 21 19.25c0 2.683-2.3 4.75-5 4.75s-5-2.067-5-4.75c0-1.587.805-2.959 2.021-3.814c-.924-.768-1.521-1.894-1.521-3.186C11.5 9.834 13.586 8 16 8s4.5 1.834 4.5 4.25c0 1.292-.597 2.418-1.521 3.186M16 16.5c-1.719 0-3 1.291-3 2.75S14.281 22 16 22s3-1.291 3-2.75s-1.281-2.75-3-2.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14s14-6.268 14-14S23.732 2 16 2m0 8c-1.452 0-2.5 1.076-2.5 2.25s1.048 2.25 2.5 2.25s2.5-1.076 2.5-2.25S17.452 10 16 10m2.979 5.436C20.195 16.29 21 17.663 21 19.25c0 2.683-2.3 4.75-5 4.75s-5-2.067-5-4.75c0-1.587.805-2.959 2.021-3.814c-.924-.768-1.521-1.894-1.521-3.186C11.5 9.834 13.586 8 16 8s4.5 1.834 4.5 4.25c0 1.292-.597 2.418-1.521 3.186M16 16.5c-1.719 0-3 1.291-3 2.75S14.281 22 16 22s3-1.291 3-2.75s-1.281-2.75-3-2.75"/></svg>
</template>

CSS

.icon-number-circle-8-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202C8.268%202%202%208.268%202%2016s6.268%2014%2014%2014s14-6.268%2014-14S23.732%202%2016%202m0%208c-1.452%200-2.5%201.076-2.5%202.25s1.048%202.25%202.5%202.25s2.5-1.076%202.5-2.25S17.452%2010%2016%2010m2.979%205.436C20.195%2016.29%2021%2017.663%2021%2019.25c0%202.683-2.3%204.75-5%204.75s-5-2.067-5-4.75c0-1.587.805-2.959%202.021-3.814c-.924-.768-1.521-1.894-1.521-3.186C11.5%209.834%2013.586%208%2016%208s4.5%201.834%204.5%204.25c0%201.292-.597%202.418-1.521%203.186M16%2016.5c-1.719%200-3%201.291-3%202.75S14.281%2022%2016%2022s3-1.291%203-2.75s-1.281-2.75-3-2.75%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202C8.268%202%202%208.268%202%2016s6.268%2014%2014%2014s14-6.268%2014-14S23.732%202%2016%202m0%208c-1.452%200-2.5%201.076-2.5%202.25s1.048%202.25%202.5%202.25s2.5-1.076%202.5-2.25S17.452%2010%2016%2010m2.979%205.436C20.195%2016.29%2021%2017.663%2021%2019.25c0%202.683-2.3%204.75-5%204.75s-5-2.067-5-4.75c0-1.587.805-2.959%202.021-3.814c-.924-.768-1.521-1.894-1.521-3.186C11.5%209.834%2013.586%208%2016%208s4.5%201.834%204.5%204.25c0%201.292-.597%202.418-1.521%203.186M16%2016.5c-1.719%200-3%201.291-3%202.75S14.281%2022%2016%2022s3-1.291%203-2.75s-1.281-2.75-3-2.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/number-circle-8-32-filled.svg?color=%231a73e8&size=48