number circle 8 icon

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

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

11 other variants in Fluent UI System Icons

number-circle-8-16-filled number-circle-8-16-regular number-circle-8-20-filled number-circle-8-20-regular number-circle-8-24-filled number-circle-8-24-regular number-circle-8-28-filled number-circle-8-28-regular number-circle-8-32-filled number-circle-8-32-regular number-circle-8-48-regular

Related icons in Fluent UI System Icons

number-circle-0-16-filled number-circle-1-16-filled number-circle-2-16-filled number-circle-3-16-filled number-circle-4-16-filled number-circle-5-16-filled number-circle-6-16-filled number-circle-7-16-filled number-circle-9-16-filled number-row-16-filled number-symbol-16-filled number-symbol-dismiss-20-filled number-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 48 48"><path fill="currentColor" d="M44 24c0 11.046-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4s20 8.954 20 20m-20-8.5c-1.997 0-3.5 1.518-3.5 3.25S22.003 22 24 22s3.5-1.518 3.5-3.25s-1.503-3.25-3.5-3.25m3.91 7.61c1.272-1.044 2.09-2.594 2.09-4.36c0-3.238-2.75-5.75-6-5.75s-6 2.512-6 5.75c0 1.766.818 3.316 2.09 4.36c-1.843 1.15-3.09 3.1-3.09 5.39c0 3.694 3.244 6.5 7 6.5s7-2.806 7-6.5c0-2.29-1.247-4.24-3.09-5.39M24 24.5c-2.595 0-4.5 1.895-4.5 4s1.905 4 4.5 4s4.5-1.895 4.5-4s-1.905-4-4.5-4"/></svg>

React

import type { SVGProps } from "react";

export function FluentNumberCircle848Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M44 24c0 11.046-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4s20 8.954 20 20m-20-8.5c-1.997 0-3.5 1.518-3.5 3.25S22.003 22 24 22s3.5-1.518 3.5-3.25s-1.503-3.25-3.5-3.25m3.91 7.61c1.272-1.044 2.09-2.594 2.09-4.36c0-3.238-2.75-5.75-6-5.75s-6 2.512-6 5.75c0 1.766.818 3.316 2.09 4.36c-1.843 1.15-3.09 3.1-3.09 5.39c0 3.694 3.244 6.5 7 6.5s7-2.806 7-6.5c0-2.29-1.247-4.24-3.09-5.39M24 24.5c-2.595 0-4.5 1.895-4.5 4s1.905 4 4.5 4s4.5-1.895 4.5-4s-1.905-4-4.5-4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M44 24c0 11.046-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4s20 8.954 20 20m-20-8.5c-1.997 0-3.5 1.518-3.5 3.25S22.003 22 24 22s3.5-1.518 3.5-3.25s-1.503-3.25-3.5-3.25m3.91 7.61c1.272-1.044 2.09-2.594 2.09-4.36c0-3.238-2.75-5.75-6-5.75s-6 2.512-6 5.75c0 1.766.818 3.316 2.09 4.36c-1.843 1.15-3.09 3.1-3.09 5.39c0 3.694 3.244 6.5 7 6.5s7-2.806 7-6.5c0-2.29-1.247-4.24-3.09-5.39M24 24.5c-2.595 0-4.5 1.895-4.5 4s1.905 4 4.5 4s4.5-1.895 4.5-4s-1.905-4-4.5-4"/></svg>
</template>

CSS

.icon-number-circle-8-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M44%2024c0%2011.046-8.954%2020-20%2020S4%2035.046%204%2024S12.954%204%2024%204s20%208.954%2020%2020m-20-8.5c-1.997%200-3.5%201.518-3.5%203.25S22.003%2022%2024%2022s3.5-1.518%203.5-3.25s-1.503-3.25-3.5-3.25m3.91%207.61c1.272-1.044%202.09-2.594%202.09-4.36c0-3.238-2.75-5.75-6-5.75s-6%202.512-6%205.75c0%201.766.818%203.316%202.09%204.36c-1.843%201.15-3.09%203.1-3.09%205.39c0%203.694%203.244%206.5%207%206.5s7-2.806%207-6.5c0-2.29-1.247-4.24-3.09-5.39M24%2024.5c-2.595%200-4.5%201.895-4.5%204s1.905%204%204.5%204s4.5-1.895%204.5-4s-1.905-4-4.5-4%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M44%2024c0%2011.046-8.954%2020-20%2020S4%2035.046%204%2024S12.954%204%2024%204s20%208.954%2020%2020m-20-8.5c-1.997%200-3.5%201.518-3.5%203.25S22.003%2022%2024%2022s3.5-1.518%203.5-3.25s-1.503-3.25-3.5-3.25m3.91%207.61c1.272-1.044%202.09-2.594%202.09-4.36c0-3.238-2.75-5.75-6-5.75s-6%202.512-6%205.75c0%201.766.818%203.316%202.09%204.36c-1.843%201.15-3.09%203.1-3.09%205.39c0%203.694%203.244%206.5%207%206.5s7-2.806%207-6.5c0-2.29-1.247-4.24-3.09-5.39M24%2024.5c-2.595%200-4.5%201.895-4.5%204s1.905%204%204.5%204s4.5-1.895%204.5-4s-1.905-4-4.5-4%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-48-filled.svg?color=%231a73e8&size=48