red circle emoji
red-circle from Fluent Emoji High Contrast by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.
- Name
- red-circle
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Symbols
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More symbols icons from Fluent Emoji High Contrast
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the red circle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1c8.284 0 15 6.716 15 15s-6.716 15-15 15S1 24.284 1 16S7.716 1 16 1m-1.5 2.086L28.914 17.5a13 13 0 0 0 .072-2.1L16.6 3.015a13 13 0 0 0-2.1.072m-2.338.49q-.81.25-1.572.6L27.824 21.41q.35-.761.6-1.572zM26.81 23.224L8.776 5.19q-.646.433-1.234.938l18.33 18.33q.506-.588.938-1.234m-2.352 2.648L6.128 7.542q-.505.588-.938 1.234L23.224 26.81q.645-.432 1.234-.938m-3.048 1.952L4.176 10.59a13 13 0 0 0-.6 1.572l16.262 16.262q.81-.25 1.572-.6m-3.91 1.09L3.086 14.5a13 13 0 0 0-.072 2.1L15.4 28.985a13 13 0 0 0 2.1-.072m-5.561-.56L3.647 20.06a13.03 13.03 0 0 0 8.292 8.292m16.414-16.415a13.03 13.03 0 0 0-8.292-8.292z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastRedCircle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1c8.284 0 15 6.716 15 15s-6.716 15-15 15S1 24.284 1 16S7.716 1 16 1m-1.5 2.086L28.914 17.5a13 13 0 0 0 .072-2.1L16.6 3.015a13 13 0 0 0-2.1.072m-2.338.49q-.81.25-1.572.6L27.824 21.41q.35-.761.6-1.572zM26.81 23.224L8.776 5.19q-.646.433-1.234.938l18.33 18.33q.506-.588.938-1.234m-2.352 2.648L6.128 7.542q-.505.588-.938 1.234L23.224 26.81q.645-.432 1.234-.938m-3.048 1.952L4.176 10.59a13 13 0 0 0-.6 1.572l16.262 16.262q.81-.25 1.572-.6m-3.91 1.09L3.086 14.5a13 13 0 0 0-.072 2.1L15.4 28.985a13 13 0 0 0 2.1-.072m-5.561-.56L3.647 20.06a13.03 13.03 0 0 0 8.292 8.292m16.414-16.415a13.03 13.03 0 0 0-8.292-8.292z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1c8.284 0 15 6.716 15 15s-6.716 15-15 15S1 24.284 1 16S7.716 1 16 1m-1.5 2.086L28.914 17.5a13 13 0 0 0 .072-2.1L16.6 3.015a13 13 0 0 0-2.1.072m-2.338.49q-.81.25-1.572.6L27.824 21.41q.35-.761.6-1.572zM26.81 23.224L8.776 5.19q-.646.433-1.234.938l18.33 18.33q.506-.588.938-1.234m-2.352 2.648L6.128 7.542q-.505.588-.938 1.234L23.224 26.81q.645-.432 1.234-.938m-3.048 1.952L4.176 10.59a13 13 0 0 0-.6 1.572l16.262 16.262q.81-.25 1.572-.6m-3.91 1.09L3.086 14.5a13 13 0 0 0-.072 2.1L15.4 28.985a13 13 0 0 0 2.1-.072m-5.561-.56L3.647 20.06a13.03 13.03 0 0 0 8.292 8.292m16.414-16.415a13.03 13.03 0 0 0-8.292-8.292z"/></svg> </template>
CSS
.icon-red-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%201c8.284%200%2015%206.716%2015%2015s-6.716%2015-15%2015S1%2024.284%201%2016S7.716%201%2016%201m-1.5%202.086L28.914%2017.5a13%2013%200%200%200%20.072-2.1L16.6%203.015a13%2013%200%200%200-2.1.072m-2.338.49q-.81.25-1.572.6L27.824%2021.41q.35-.761.6-1.572zM26.81%2023.224L8.776%205.19q-.646.433-1.234.938l18.33%2018.33q.506-.588.938-1.234m-2.352%202.648L6.128%207.542q-.505.588-.938%201.234L23.224%2026.81q.645-.432%201.234-.938m-3.048%201.952L4.176%2010.59a13%2013%200%200%200-.6%201.572l16.262%2016.262q.81-.25%201.572-.6m-3.91%201.09L3.086%2014.5a13%2013%200%200%200-.072%202.1L15.4%2028.985a13%2013%200%200%200%202.1-.072m-5.561-.56L3.647%2020.06a13.03%2013.03%200%200%200%208.292%208.292m16.414-16.415a13.03%2013.03%200%200%200-8.292-8.292z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%201c8.284%200%2015%206.716%2015%2015s-6.716%2015-15%2015S1%2024.284%201%2016S7.716%201%2016%201m-1.5%202.086L28.914%2017.5a13%2013%200%200%200%20.072-2.1L16.6%203.015a13%2013%200%200%200-2.1.072m-2.338.49q-.81.25-1.572.6L27.824%2021.41q.35-.761.6-1.572zM26.81%2023.224L8.776%205.19q-.646.433-1.234.938l18.33%2018.33q.506-.588.938-1.234m-2.352%202.648L6.128%207.542q-.505.588-.938%201.234L23.224%2026.81q.645-.432%201.234-.938m-3.048%201.952L4.176%2010.59a13%2013%200%200%200-.6%201.572l16.262%2016.262q.81-.25%201.572-.6m-3.91%201.09L3.086%2014.5a13%2013%200%200%200-.072%202.1L15.4%2028.985a13%2013%200%200%200%202.1-.072m-5.561-.56L3.647%2020.06a13.03%2013.03%200%200%200%208.292%208.292m16.414-16.415a13.03%2013.03%200%200%200-8.292-8.292z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/red-circle.svg?color=%231a73e8&size=48
