status icon

status-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name: status-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
License: MIT

13 other variants in Fluent UI System Icons

status-12-filled status-12-regular status-16-filled status-16-regular status-20-filled status-20-regular status-24-filled status-24-regular status-28-filled status-28-regular status-32-filled status-32-regular status-48-filled

The same icon in other sets

statusFramework7 Icons statusHuge Icons statusWeb3 Icons statusWeb3 Icons Branded

Use the status icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M33.818 7.818a4.5 4.5 0 0 1 6.364 6.364l-12.35 12.35a1.75 1.75 0 0 1-.808.459l-8.049 2.034l2.034-8.049a1.75 1.75 0 0 1 .46-.809zM41.95 6.05a7 7 0 0 0-9.9 0L19.7 18.4a4.25 4.25 0 0 0-1.114 1.963l-2.548 10.08a1.25 1.25 0 0 0 1.518 1.519l10.08-2.547a4.25 4.25 0 0 0 1.964-1.116l12.35-12.35a7 7 0 0 0 0-9.899M26.56 8.71A15.6 15.6 0 0 0 24 8.5C15.44 8.5 8.5 15.44 8.5 24S15.44 39.5 24 39.5S39.5 32.56 39.5 24q-.002-1.31-.21-2.561l2.1-2.102c.398 1.488.61 3.05.61 4.663c0 9.941-8.059 18-18 18S6 33.941 6 24S14.059 6 24 6c1.612 0 3.175.212 4.662.61z"/></svg>

React

import type { SVGProps } from "react";

export function FluentStatus48Regular(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="M33.818 7.818a4.5 4.5 0 0 1 6.364 6.364l-12.35 12.35a1.75 1.75 0 0 1-.808.459l-8.049 2.034l2.034-8.049a1.75 1.75 0 0 1 .46-.809zM41.95 6.05a7 7 0 0 0-9.9 0L19.7 18.4a4.25 4.25 0 0 0-1.114 1.963l-2.548 10.08a1.25 1.25 0 0 0 1.518 1.519l10.08-2.547a4.25 4.25 0 0 0 1.964-1.116l12.35-12.35a7 7 0 0 0 0-9.899M26.56 8.71A15.6 15.6 0 0 0 24 8.5C15.44 8.5 8.5 15.44 8.5 24S15.44 39.5 24 39.5S39.5 32.56 39.5 24q-.002-1.31-.21-2.561l2.1-2.102c.398 1.488.61 3.05.61 4.663c0 9.941-8.059 18-18 18S6 33.941 6 24S14.059 6 24 6c1.612 0 3.175.212 4.662.61z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M33.818 7.818a4.5 4.5 0 0 1 6.364 6.364l-12.35 12.35a1.75 1.75 0 0 1-.808.459l-8.049 2.034l2.034-8.049a1.75 1.75 0 0 1 .46-.809zM41.95 6.05a7 7 0 0 0-9.9 0L19.7 18.4a4.25 4.25 0 0 0-1.114 1.963l-2.548 10.08a1.25 1.25 0 0 0 1.518 1.519l10.08-2.547a4.25 4.25 0 0 0 1.964-1.116l12.35-12.35a7 7 0 0 0 0-9.899M26.56 8.71A15.6 15.6 0 0 0 24 8.5C15.44 8.5 8.5 15.44 8.5 24S15.44 39.5 24 39.5S39.5 32.56 39.5 24q-.002-1.31-.21-2.561l2.1-2.102c.398 1.488.61 3.05.61 4.663c0 9.941-8.059 18-18 18S6 33.941 6 24S14.059 6 24 6c1.612 0 3.175.212 4.662.61z"/></svg>
</template>

CSS

.icon-status-48-regular {
  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%22M33.818%207.818a4.5%204.5%200%200%201%206.364%206.364l-12.35%2012.35a1.75%201.75%200%200%201-.808.459l-8.049%202.034l2.034-8.049a1.75%201.75%200%200%201%20.46-.809zM41.95%206.05a7%207%200%200%200-9.9%200L19.7%2018.4a4.25%204.25%200%200%200-1.114%201.963l-2.548%2010.08a1.25%201.25%200%200%200%201.518%201.519l10.08-2.547a4.25%204.25%200%200%200%201.964-1.116l12.35-12.35a7%207%200%200%200%200-9.899M26.56%208.71A15.6%2015.6%200%200%200%2024%208.5C15.44%208.5%208.5%2015.44%208.5%2024S15.44%2039.5%2024%2039.5S39.5%2032.56%2039.5%2024q-.002-1.31-.21-2.561l2.1-2.102c.398%201.488.61%203.05.61%204.663c0%209.941-8.059%2018-18%2018S6%2033.941%206%2024S14.059%206%2024%206c1.612%200%203.175.212%204.662.61z%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%22M33.818%207.818a4.5%204.5%200%200%201%206.364%206.364l-12.35%2012.35a1.75%201.75%200%200%201-.808.459l-8.049%202.034l2.034-8.049a1.75%201.75%200%200%201%20.46-.809zM41.95%206.05a7%207%200%200%200-9.9%200L19.7%2018.4a4.25%204.25%200%200%200-1.114%201.963l-2.548%2010.08a1.25%201.25%200%200%200%201.518%201.519l10.08-2.547a4.25%204.25%200%200%200%201.964-1.116l12.35-12.35a7%207%200%200%200%200-9.899M26.56%208.71A15.6%2015.6%200%200%200%2024%208.5C15.44%208.5%208.5%2015.44%208.5%2024S15.44%2039.5%2024%2039.5S39.5%2032.56%2039.5%2024q-.002-1.31-.21-2.561l2.1-2.102c.398%201.488.61%203.05.61%204.663c0%209.941-8.059%2018-18%2018S6%2033.941%206%2024S14.059%206%2024%206c1.612%200%203.175.212%204.662.61z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/status-48-regular.svg?color=%231a73e8&size=48