circle exclamation icon
circle-exclamation from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- circle-exclamation
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Solid
circle-arrow-downcircle-arrow-leftcircle-arrow-rightcircle-arrow-upcircle-checkcircle-chevron-downcircle-chevron-leftcircle-chevron-rightcircle-chevron-upcircle-dollar-to-slotcircle-dotcircle-downcircle-hcircle-half-strokecircle-infocircle-leftcircle-minuscircle-nodescircle-notchcircle-pausecircle-playcircle-pluscircle-questioncircle-radiation
Use the circle exclamation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576C178.6 576 64 461.4 64 320S178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256m0-192c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32m0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3c12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidCircleExclamation(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576C178.6 576 64 461.4 64 320S178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256m0-192c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32m0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3c12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576C178.6 576 64 461.4 64 320S178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256m0-192c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32m0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3c12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"/></svg> </template>
CSS
.icon-circle-exclamation {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576C178.6%20576%2064%20461.4%2064%20320S178.6%2064%20320%2064s256%20114.6%20256%20256s-114.6%20256-256%20256m0-192c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32s-14.3-32-32-32m0-192c-18.2%200-32.7%2015.5-31.4%2033.7l7.4%20104c.9%2012.6%2011.4%2022.3%2023.9%2022.3c12.6%200%2023-9.7%2023.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576C178.6%20576%2064%20461.4%2064%20320S178.6%2064%20320%2064s256%20114.6%20256%20256s-114.6%20256-256%20256m0-192c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32s-14.3-32-32-32m0-192c-18.2%200-32.7%2015.5-31.4%2033.7l7.4%20104c.9%2012.6%2011.4%2022.3%2023.9%2022.3c12.6%200%2023-9.7%2023.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/circle-exclamation.svg?color=%231a73e8&size=48
