asterisk circle icon

asterisk-circle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: asterisk-circle-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

The same icon in other sets

asterisk-circle-outlineMaterial Design Icons asterisk-circleMyna UI Icons

Use the asterisk circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m.047-11.718c-1.242 0-2.016-.774-1.992-1.993l.234-7.101l-6.422 4.125c-.352.258-.727.375-1.219.375c-.96 0-1.875-.75-1.875-1.969c0-.75.375-1.29 1.125-1.71l6.68-3.75l-6.703-3.68c-.727-.446-1.102-.962-1.102-1.758c0-1.22.914-1.946 1.875-1.946c.492 0 .867.117 1.22.328l6.421 4.078l-.234-7.289c-.024-1.242.75-2.039 1.992-2.039c1.218 0 1.922.75 1.898 2.04l-.234 7.288l6.422-4.101a2.25 2.25 0 0 1 1.218-.328c.961 0 1.876.75 1.876 1.945c0 .774-.376 1.313-1.126 1.758l-6.726 3.703l6.726 3.75c.75.445 1.126.961 1.126 1.734c0 1.196-.915 1.97-1.876 1.97c-.492 0-.867-.118-1.218-.352l-6.422-4.172l.234 7.101c.024 1.266-.68 1.992-1.898 1.992"/></svg>

React

import type { SVGProps } from "react";

export function F7AsteriskCircleFill(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="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m.047-11.718c-1.242 0-2.016-.774-1.992-1.993l.234-7.101l-6.422 4.125c-.352.258-.727.375-1.219.375c-.96 0-1.875-.75-1.875-1.969c0-.75.375-1.29 1.125-1.71l6.68-3.75l-6.703-3.68c-.727-.446-1.102-.962-1.102-1.758c0-1.22.914-1.946 1.875-1.946c.492 0 .867.117 1.22.328l6.421 4.078l-.234-7.289c-.024-1.242.75-2.039 1.992-2.039c1.218 0 1.922.75 1.898 2.04l-.234 7.288l6.422-4.101a2.25 2.25 0 0 1 1.218-.328c.961 0 1.876.75 1.876 1.945c0 .774-.376 1.313-1.126 1.758l-6.726 3.703l6.726 3.75c.75.445 1.126.961 1.126 1.734c0 1.196-.915 1.97-1.876 1.97c-.492 0-.867-.118-1.218-.352l-6.422-4.172l.234 7.101c.024 1.266-.68 1.992-1.898 1.992"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m.047-11.718c-1.242 0-2.016-.774-1.992-1.993l.234-7.101l-6.422 4.125c-.352.258-.727.375-1.219.375c-.96 0-1.875-.75-1.875-1.969c0-.75.375-1.29 1.125-1.71l6.68-3.75l-6.703-3.68c-.727-.446-1.102-.962-1.102-1.758c0-1.22.914-1.946 1.875-1.946c.492 0 .867.117 1.22.328l6.421 4.078l-.234-7.289c-.024-1.242.75-2.039 1.992-2.039c1.218 0 1.922.75 1.898 2.04l-.234 7.288l6.422-4.101a2.25 2.25 0 0 1 1.218-.328c.961 0 1.876.75 1.876 1.945c0 .774-.376 1.313-1.126 1.758l-6.726 3.703l6.726 3.75c.75.445 1.126.961 1.126 1.734c0 1.196-.915 1.97-1.876 1.97c-.492 0-.867-.118-1.218-.352l-6.422-4.172l.234 7.101c.024 1.266-.68 1.992-1.898 1.992"/></svg>
</template>

CSS

.icon-asterisk-circle-fill {
  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%22M28%2051.906c13.055%200%2023.906-10.828%2023.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.945%204.095%2028c0%2013.078%2010.828%2023.906%2023.906%2023.906m.047-11.718c-1.242%200-2.016-.774-1.992-1.993l.234-7.101l-6.422%204.125c-.352.258-.727.375-1.219.375c-.96%200-1.875-.75-1.875-1.969c0-.75.375-1.29%201.125-1.71l6.68-3.75l-6.703-3.68c-.727-.446-1.102-.962-1.102-1.758c0-1.22.914-1.946%201.875-1.946c.492%200%20.867.117%201.22.328l6.421%204.078l-.234-7.289c-.024-1.242.75-2.039%201.992-2.039c1.218%200%201.922.75%201.898%202.04l-.234%207.288l6.422-4.101a2.25%202.25%200%200%201%201.218-.328c.961%200%201.876.75%201.876%201.945c0%20.774-.376%201.313-1.126%201.758l-6.726%203.703l6.726%203.75c.75.445%201.126.961%201.126%201.734c0%201.196-.915%201.97-1.876%201.97c-.492%200-.867-.118-1.218-.352l-6.422-4.172l.234%207.101c.024%201.266-.68%201.992-1.898%201.992%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%22M28%2051.906c13.055%200%2023.906-10.828%2023.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.945%204.095%2028c0%2013.078%2010.828%2023.906%2023.906%2023.906m.047-11.718c-1.242%200-2.016-.774-1.992-1.993l.234-7.101l-6.422%204.125c-.352.258-.727.375-1.219.375c-.96%200-1.875-.75-1.875-1.969c0-.75.375-1.29%201.125-1.71l6.68-3.75l-6.703-3.68c-.727-.446-1.102-.962-1.102-1.758c0-1.22.914-1.946%201.875-1.946c.492%200%20.867.117%201.22.328l6.421%204.078l-.234-7.289c-.024-1.242.75-2.039%201.992-2.039c1.218%200%201.922.75%201.898%202.04l-.234%207.288l6.422-4.101a2.25%202.25%200%200%201%201.218-.328c.961%200%201.876.75%201.876%201.945c0%20.774-.376%201.313-1.126%201.758l-6.726%203.703l6.726%203.75c.75.445%201.126.961%201.126%201.734c0%201.196-.915%201.97-1.876%201.97c-.492%200-.867-.118-1.218-.352l-6.422-4.172l.234%207.101c.024%201.266-.68%201.992-1.898%201.992%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/asterisk-circle-fill.svg?color=%231a73e8&size=48