asterisk circle icon
asterisk-circle from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- asterisk-circle
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
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.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.039 8.1 28c0-11.062 8.813-19.922 19.876-19.922A19.895 19.895 0 0 1 47.922 28C47.945 39.039 39.039 47.922 28 47.922m.047-8.227c1.172 0 1.828-.703 1.804-1.922l-.21-6.843l6.187 4.03a2.1 2.1 0 0 0 1.172.329c.914 0 1.781-.703 1.781-1.875c0-.727-.351-1.242-1.078-1.64l-6.469-3.633l6.469-3.586c.727-.422 1.078-.914 1.078-1.664c0-1.149-.867-1.875-1.781-1.875a2.1 2.1 0 0 0-1.172.328L29.64 25.28l.211-7.008c.024-1.242-.632-1.968-1.804-1.968c-1.196 0-1.922.773-1.899 1.968l.211 7.008l-6.187-3.914A2.3 2.3 0 0 0 19 21.04c-.914 0-1.781.727-1.781 1.875c0 .75.351 1.266 1.054 1.664l6.446 3.563l-6.422 3.609c-.727.398-1.078.914-1.078 1.64c0 1.172.867 1.876 1.78 1.876c.47 0 .845-.118 1.173-.328l6.187-4.008l-.21 6.843c-.024 1.172.702 1.922 1.898 1.922"/></svg>
React
import type { SVGProps } from "react";
export function F7AsteriskCircle(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.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.039 8.1 28c0-11.062 8.813-19.922 19.876-19.922A19.895 19.895 0 0 1 47.922 28C47.945 39.039 39.039 47.922 28 47.922m.047-8.227c1.172 0 1.828-.703 1.804-1.922l-.21-6.843l6.187 4.03a2.1 2.1 0 0 0 1.172.329c.914 0 1.781-.703 1.781-1.875c0-.727-.351-1.242-1.078-1.64l-6.469-3.633l6.469-3.586c.727-.422 1.078-.914 1.078-1.664c0-1.149-.867-1.875-1.781-1.875a2.1 2.1 0 0 0-1.172.328L29.64 25.28l.211-7.008c.024-1.242-.632-1.968-1.804-1.968c-1.196 0-1.922.773-1.899 1.968l.211 7.008l-6.187-3.914A2.3 2.3 0 0 0 19 21.04c-.914 0-1.781.727-1.781 1.875c0 .75.351 1.266 1.054 1.664l6.446 3.563l-6.422 3.609c-.727.398-1.078.914-1.078 1.64c0 1.172.867 1.876 1.78 1.876c.47 0 .845-.118 1.173-.328l6.187-4.008l-.21 6.843c-.024 1.172.702 1.922 1.898 1.922"/></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.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.039 8.1 28c0-11.062 8.813-19.922 19.876-19.922A19.895 19.895 0 0 1 47.922 28C47.945 39.039 39.039 47.922 28 47.922m.047-8.227c1.172 0 1.828-.703 1.804-1.922l-.21-6.843l6.187 4.03a2.1 2.1 0 0 0 1.172.329c.914 0 1.781-.703 1.781-1.875c0-.727-.351-1.242-1.078-1.64l-6.469-3.633l6.469-3.586c.727-.422 1.078-.914 1.078-1.664c0-1.149-.867-1.875-1.781-1.875a2.1 2.1 0 0 0-1.172.328L29.64 25.28l.211-7.008c.024-1.242-.632-1.968-1.804-1.968c-1.196 0-1.922.773-1.899 1.968l.211 7.008l-6.187-3.914A2.3 2.3 0 0 0 19 21.04c-.914 0-1.781.727-1.781 1.875c0 .75.351 1.266 1.054 1.664l6.446 3.563l-6.422 3.609c-.727.398-1.078.914-1.078 1.64c0 1.172.867 1.876 1.78 1.876c.47 0 .845-.118 1.173-.328l6.187-4.008l-.21 6.843c-.024 1.172.702 1.922 1.898 1.922"/></svg> </template>
CSS
.icon-asterisk-circle {
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.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m0-3.984C16.937%2047.922%208.1%2039.039%208.1%2028c0-11.062%208.813-19.922%2019.876-19.922A19.895%2019.895%200%200%201%2047.922%2028C47.945%2039.039%2039.039%2047.922%2028%2047.922m.047-8.227c1.172%200%201.828-.703%201.804-1.922l-.21-6.843l6.187%204.03a2.1%202.1%200%200%200%201.172.329c.914%200%201.781-.703%201.781-1.875c0-.727-.351-1.242-1.078-1.64l-6.469-3.633l6.469-3.586c.727-.422%201.078-.914%201.078-1.664c0-1.149-.867-1.875-1.781-1.875a2.1%202.1%200%200%200-1.172.328L29.64%2025.28l.211-7.008c.024-1.242-.632-1.968-1.804-1.968c-1.196%200-1.922.773-1.899%201.968l.211%207.008l-6.187-3.914A2.3%202.3%200%200%200%2019%2021.04c-.914%200-1.781.727-1.781%201.875c0%20.75.351%201.266%201.054%201.664l6.446%203.563l-6.422%203.609c-.727.398-1.078.914-1.078%201.64c0%201.172.867%201.876%201.78%201.876c.47%200%20.845-.118%201.173-.328l6.187-4.008l-.21%206.843c-.024%201.172.702%201.922%201.898%201.922%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.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m0-3.984C16.937%2047.922%208.1%2039.039%208.1%2028c0-11.062%208.813-19.922%2019.876-19.922A19.895%2019.895%200%200%201%2047.922%2028C47.945%2039.039%2039.039%2047.922%2028%2047.922m.047-8.227c1.172%200%201.828-.703%201.804-1.922l-.21-6.843l6.187%204.03a2.1%202.1%200%200%200%201.172.329c.914%200%201.781-.703%201.781-1.875c0-.727-.351-1.242-1.078-1.64l-6.469-3.633l6.469-3.586c.727-.422%201.078-.914%201.078-1.664c0-1.149-.867-1.875-1.781-1.875a2.1%202.1%200%200%200-1.172.328L29.64%2025.28l.211-7.008c.024-1.242-.632-1.968-1.804-1.968c-1.196%200-1.922.773-1.899%201.968l.211%207.008l-6.187-3.914A2.3%202.3%200%200%200%2019%2021.04c-.914%200-1.781.727-1.781%201.875c0%20.75.351%201.266%201.054%201.664l6.446%203.563l-6.422%203.609c-.727.398-1.078.914-1.078%201.64c0%201.172.867%201.876%201.78%201.876c.47%200%20.845-.118%201.173-.328l6.187-4.008l-.21%206.843c-.024%201.172.702%201.922%201.898%201.922%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/asterisk-circle.svg?color=%231a73e8&size=48
