status icon
status from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- status
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Use the status icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m50.923 21.002l.046.131l.171.566l.143.508l.061.232l.1.42a23.93 23.93 0 0 1-2.653 17.167a23.93 23.93 0 0 1-13.57 10.89l-.404.12l-.496.128l-.717.17a1.89 1.89 0 0 1-2.288-1.558a2.127 2.127 0 0 1 1.606-2.389l.577-.145q.54-.142.929-.273a19.93 19.93 0 0 0 10.899-8.943a19.93 19.93 0 0 0 2.292-13.923l-.069-.313l-.092-.365l-.115-.418l-.138-.47a2.135 2.135 0 0 1 1.26-2.602a1.894 1.894 0 0 1 2.458 1.067M7.385 19.92q.065.02.128.044A2.127 2.127 0 0 1 8.78 22.55q-.27.909-.39 1.513a19.93 19.93 0 0 0 2.295 13.91a19.93 19.93 0 0 0 10.911 8.947l.306.097l.174.05l.39.106l.694.171a2.135 2.135 0 0 1 1.623 2.393a1.894 1.894 0 0 1-2.152 1.594l-.138-.025l-.576-.135l-.51-.13l-.446-.125l-.2-.06A23.93 23.93 0 0 1 7.22 39.972a23.93 23.93 0 0 1-2.647-17.197l.077-.32l.1-.375l.194-.665l.076-.25a1.89 1.89 0 0 1 2.365-1.246M28.051 12c8.837 0 16 7.163 16 16s-7.163 16-16 16s-16-7.163-16-16s7.164-16 16-16m0 4c-6.627 0-12 5.373-12 12s5.373 12 12 12c6.628 0 12-5.373 12-12s-5.372-12-12-12m0-12a23.93 23.93 0 0 1 16.217 6.306l.239.227l.275.274l.31.322l.346.369a1.89 1.89 0 0 1-.205 2.76a2.127 2.127 0 0 1-2.873-.196q-.326-.345-.605-.617l-.35-.334l-.16-.143A19.93 19.93 0 0 0 28.051 8a19.93 19.93 0 0 0-13.204 4.976l-.114.102l-.253.24l-.287.285l-.495.515c-.76.809-2.014.9-2.883.21a1.894 1.894 0 0 1-.305-2.662l.09-.106l.405-.431l.368-.378q.262-.263.484-.465A23.93 23.93 0 0 1 28.05 4"/></svg>
React
import type { SVGProps } from "react";
export function F7Status(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m50.923 21.002l.046.131l.171.566l.143.508l.061.232l.1.42a23.93 23.93 0 0 1-2.653 17.167a23.93 23.93 0 0 1-13.57 10.89l-.404.12l-.496.128l-.717.17a1.89 1.89 0 0 1-2.288-1.558a2.127 2.127 0 0 1 1.606-2.389l.577-.145q.54-.142.929-.273a19.93 19.93 0 0 0 10.899-8.943a19.93 19.93 0 0 0 2.292-13.923l-.069-.313l-.092-.365l-.115-.418l-.138-.47a2.135 2.135 0 0 1 1.26-2.602a1.894 1.894 0 0 1 2.458 1.067M7.385 19.92q.065.02.128.044A2.127 2.127 0 0 1 8.78 22.55q-.27.909-.39 1.513a19.93 19.93 0 0 0 2.295 13.91a19.93 19.93 0 0 0 10.911 8.947l.306.097l.174.05l.39.106l.694.171a2.135 2.135 0 0 1 1.623 2.393a1.894 1.894 0 0 1-2.152 1.594l-.138-.025l-.576-.135l-.51-.13l-.446-.125l-.2-.06A23.93 23.93 0 0 1 7.22 39.972a23.93 23.93 0 0 1-2.647-17.197l.077-.32l.1-.375l.194-.665l.076-.25a1.89 1.89 0 0 1 2.365-1.246M28.051 12c8.837 0 16 7.163 16 16s-7.163 16-16 16s-16-7.163-16-16s7.164-16 16-16m0 4c-6.627 0-12 5.373-12 12s5.373 12 12 12c6.628 0 12-5.373 12-12s-5.372-12-12-12m0-12a23.93 23.93 0 0 1 16.217 6.306l.239.227l.275.274l.31.322l.346.369a1.89 1.89 0 0 1-.205 2.76a2.127 2.127 0 0 1-2.873-.196q-.326-.345-.605-.617l-.35-.334l-.16-.143A19.93 19.93 0 0 0 28.051 8a19.93 19.93 0 0 0-13.204 4.976l-.114.102l-.253.24l-.287.285l-.495.515c-.76.809-2.014.9-2.883.21a1.894 1.894 0 0 1-.305-2.662l.09-.106l.405-.431l.368-.378q.262-.263.484-.465A23.93 23.93 0 0 1 28.05 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m50.923 21.002l.046.131l.171.566l.143.508l.061.232l.1.42a23.93 23.93 0 0 1-2.653 17.167a23.93 23.93 0 0 1-13.57 10.89l-.404.12l-.496.128l-.717.17a1.89 1.89 0 0 1-2.288-1.558a2.127 2.127 0 0 1 1.606-2.389l.577-.145q.54-.142.929-.273a19.93 19.93 0 0 0 10.899-8.943a19.93 19.93 0 0 0 2.292-13.923l-.069-.313l-.092-.365l-.115-.418l-.138-.47a2.135 2.135 0 0 1 1.26-2.602a1.894 1.894 0 0 1 2.458 1.067M7.385 19.92q.065.02.128.044A2.127 2.127 0 0 1 8.78 22.55q-.27.909-.39 1.513a19.93 19.93 0 0 0 2.295 13.91a19.93 19.93 0 0 0 10.911 8.947l.306.097l.174.05l.39.106l.694.171a2.135 2.135 0 0 1 1.623 2.393a1.894 1.894 0 0 1-2.152 1.594l-.138-.025l-.576-.135l-.51-.13l-.446-.125l-.2-.06A23.93 23.93 0 0 1 7.22 39.972a23.93 23.93 0 0 1-2.647-17.197l.077-.32l.1-.375l.194-.665l.076-.25a1.89 1.89 0 0 1 2.365-1.246M28.051 12c8.837 0 16 7.163 16 16s-7.163 16-16 16s-16-7.163-16-16s7.164-16 16-16m0 4c-6.627 0-12 5.373-12 12s5.373 12 12 12c6.628 0 12-5.373 12-12s-5.372-12-12-12m0-12a23.93 23.93 0 0 1 16.217 6.306l.239.227l.275.274l.31.322l.346.369a1.89 1.89 0 0 1-.205 2.76a2.127 2.127 0 0 1-2.873-.196q-.326-.345-.605-.617l-.35-.334l-.16-.143A19.93 19.93 0 0 0 28.051 8a19.93 19.93 0 0 0-13.204 4.976l-.114.102l-.253.24l-.287.285l-.495.515c-.76.809-2.014.9-2.883.21a1.894 1.894 0 0 1-.305-2.662l.09-.106l.405-.431l.368-.378q.262-.263.484-.465A23.93 23.93 0 0 1 28.05 4"/></svg> </template>
CSS
.icon-status {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m50.923%2021.002l.046.131l.171.566l.143.508l.061.232l.1.42a23.93%2023.93%200%200%201-2.653%2017.167a23.93%2023.93%200%200%201-13.57%2010.89l-.404.12l-.496.128l-.717.17a1.89%201.89%200%200%201-2.288-1.558a2.127%202.127%200%200%201%201.606-2.389l.577-.145q.54-.142.929-.273a19.93%2019.93%200%200%200%2010.899-8.943a19.93%2019.93%200%200%200%202.292-13.923l-.069-.313l-.092-.365l-.115-.418l-.138-.47a2.135%202.135%200%200%201%201.26-2.602a1.894%201.894%200%200%201%202.458%201.067M7.385%2019.92q.065.02.128.044A2.127%202.127%200%200%201%208.78%2022.55q-.27.909-.39%201.513a19.93%2019.93%200%200%200%202.295%2013.91a19.93%2019.93%200%200%200%2010.911%208.947l.306.097l.174.05l.39.106l.694.171a2.135%202.135%200%200%201%201.623%202.393a1.894%201.894%200%200%201-2.152%201.594l-.138-.025l-.576-.135l-.51-.13l-.446-.125l-.2-.06A23.93%2023.93%200%200%201%207.22%2039.972a23.93%2023.93%200%200%201-2.647-17.197l.077-.32l.1-.375l.194-.665l.076-.25a1.89%201.89%200%200%201%202.365-1.246M28.051%2012c8.837%200%2016%207.163%2016%2016s-7.163%2016-16%2016s-16-7.163-16-16s7.164-16%2016-16m0%204c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012c6.628%200%2012-5.373%2012-12s-5.372-12-12-12m0-12a23.93%2023.93%200%200%201%2016.217%206.306l.239.227l.275.274l.31.322l.346.369a1.89%201.89%200%200%201-.205%202.76a2.127%202.127%200%200%201-2.873-.196q-.326-.345-.605-.617l-.35-.334l-.16-.143A19.93%2019.93%200%200%200%2028.051%208a19.93%2019.93%200%200%200-13.204%204.976l-.114.102l-.253.24l-.287.285l-.495.515c-.76.809-2.014.9-2.883.21a1.894%201.894%200%200%201-.305-2.662l.09-.106l.405-.431l.368-.378q.262-.263.484-.465A23.93%2023.93%200%200%201%2028.05%204%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m50.923%2021.002l.046.131l.171.566l.143.508l.061.232l.1.42a23.93%2023.93%200%200%201-2.653%2017.167a23.93%2023.93%200%200%201-13.57%2010.89l-.404.12l-.496.128l-.717.17a1.89%201.89%200%200%201-2.288-1.558a2.127%202.127%200%200%201%201.606-2.389l.577-.145q.54-.142.929-.273a19.93%2019.93%200%200%200%2010.899-8.943a19.93%2019.93%200%200%200%202.292-13.923l-.069-.313l-.092-.365l-.115-.418l-.138-.47a2.135%202.135%200%200%201%201.26-2.602a1.894%201.894%200%200%201%202.458%201.067M7.385%2019.92q.065.02.128.044A2.127%202.127%200%200%201%208.78%2022.55q-.27.909-.39%201.513a19.93%2019.93%200%200%200%202.295%2013.91a19.93%2019.93%200%200%200%2010.911%208.947l.306.097l.174.05l.39.106l.694.171a2.135%202.135%200%200%201%201.623%202.393a1.894%201.894%200%200%201-2.152%201.594l-.138-.025l-.576-.135l-.51-.13l-.446-.125l-.2-.06A23.93%2023.93%200%200%201%207.22%2039.972a23.93%2023.93%200%200%201-2.647-17.197l.077-.32l.1-.375l.194-.665l.076-.25a1.89%201.89%200%200%201%202.365-1.246M28.051%2012c8.837%200%2016%207.163%2016%2016s-7.163%2016-16%2016s-16-7.163-16-16s7.164-16%2016-16m0%204c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012c6.628%200%2012-5.373%2012-12s-5.372-12-12-12m0-12a23.93%2023.93%200%200%201%2016.217%206.306l.239.227l.275.274l.31.322l.346.369a1.89%201.89%200%200%201-.205%202.76a2.127%202.127%200%200%201-2.873-.196q-.326-.345-.605-.617l-.35-.334l-.16-.143A19.93%2019.93%200%200%200%2028.051%208a19.93%2019.93%200%200%200-13.204%204.976l-.114.102l-.253.24l-.287.285l-.495.515c-.76.809-2.014.9-2.883.21a1.894%201.894%200%200%201-.305-2.662l.09-.106l.405-.431l.368-.378q.262-.263.484-.465A23.93%2023.93%200%200%201%2028.05%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/status.svg?color=%231a73e8&size=48
