person circle exclamation icon

person-circle-exclamation from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name
person-circle-exclamation
Set
Font Awesome Solid
Style
Solid
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

person-circle-exclamationFont Awesome 6 Solid

Related icons in Font Awesome Solid

person-arrow-down-to-lineperson-arrow-up-from-lineperson-bikingperson-boothperson-breastfeedingperson-burstperson-caneperson-chalkboardperson-circle-checkperson-circle-minusperson-circle-plusperson-circle-questionperson-circle-xmarkperson-diggingperson-dots-from-lineperson-dressperson-dress-burstperson-drowningperson-fallingperson-falling-burstperson-half-dressperson-harassingperson-hikingperson-military-pointing

Use the person 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="M280 88c0-30.9-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56m24 212.7l37 49.9c12.8-17.5 28.5-32.7 46.3-45l-56.2-75.7C306 196 266.3 176 224 176s-82 20-107.2 53.9l-70.5 95c-10.5 14.2-7.6 34.2 6.6 44.8s34.2 7.6 44.8-6.6l46.3-62.4V576c0 17.7 14.3 32 32 32s32-14.3 32-32V416c0-8.8 7.2-16 16-16s16 7.2 16 16v160c0 17.7 14.3 32 32 32s32-14.3 32-32zM496 608c79.5 0 144-64.5 144-144s-64.5-144-144-144s-144 64.5-144 144s64.5 144 144 144m0-100c11 0 20 9 20 20s-9 20-20 20s-20-9-20-20s9-20 20-20m0-140c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-80c0-8.8 7.2-16 16-16"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPersonCircleExclamation(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="M280 88c0-30.9-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56m24 212.7l37 49.9c12.8-17.5 28.5-32.7 46.3-45l-56.2-75.7C306 196 266.3 176 224 176s-82 20-107.2 53.9l-70.5 95c-10.5 14.2-7.6 34.2 6.6 44.8s34.2 7.6 44.8-6.6l46.3-62.4V576c0 17.7 14.3 32 32 32s32-14.3 32-32V416c0-8.8 7.2-16 16-16s16 7.2 16 16v160c0 17.7 14.3 32 32 32s32-14.3 32-32zM496 608c79.5 0 144-64.5 144-144s-64.5-144-144-144s-144 64.5-144 144s64.5 144 144 144m0-100c11 0 20 9 20 20s-9 20-20 20s-20-9-20-20s9-20 20-20m0-140c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-80c0-8.8 7.2-16 16-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M280 88c0-30.9-25.1-56-56-56s-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56m24 212.7l37 49.9c12.8-17.5 28.5-32.7 46.3-45l-56.2-75.7C306 196 266.3 176 224 176s-82 20-107.2 53.9l-70.5 95c-10.5 14.2-7.6 34.2 6.6 44.8s34.2 7.6 44.8-6.6l46.3-62.4V576c0 17.7 14.3 32 32 32s32-14.3 32-32V416c0-8.8 7.2-16 16-16s16 7.2 16 16v160c0 17.7 14.3 32 32 32s32-14.3 32-32zM496 608c79.5 0 144-64.5 144-144s-64.5-144-144-144s-144 64.5-144 144s64.5 144 144 144m0-100c11 0 20 9 20 20s-9 20-20 20s-20-9-20-20s9-20 20-20m0-140c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-80c0-8.8 7.2-16 16-16"/></svg>
</template>

CSS

.icon-person-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%22M280%2088c0-30.9-25.1-56-56-56s-56%2025.1-56%2056s25.1%2056%2056%2056s56-25.1%2056-56m24%20212.7l37%2049.9c12.8-17.5%2028.5-32.7%2046.3-45l-56.2-75.7C306%20196%20266.3%20176%20224%20176s-82%2020-107.2%2053.9l-70.5%2095c-10.5%2014.2-7.6%2034.2%206.6%2044.8s34.2%207.6%2044.8-6.6l46.3-62.4V576c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V416c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v160c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32zM496%20608c79.5%200%20144-64.5%20144-144s-64.5-144-144-144s-144%2064.5-144%20144s64.5%20144%20144%20144m0-100c11%200%2020%209%2020%2020s-9%2020-20%2020s-20-9-20-20s9-20%2020-20m0-140c8.8%200%2016%207.2%2016%2016v80c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-80c0-8.8%207.2-16%2016-16%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%22M280%2088c0-30.9-25.1-56-56-56s-56%2025.1-56%2056s25.1%2056%2056%2056s56-25.1%2056-56m24%20212.7l37%2049.9c12.8-17.5%2028.5-32.7%2046.3-45l-56.2-75.7C306%20196%20266.3%20176%20224%20176s-82%2020-107.2%2053.9l-70.5%2095c-10.5%2014.2-7.6%2034.2%206.6%2044.8s34.2%207.6%2044.8-6.6l46.3-62.4V576c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V416c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v160c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32zM496%20608c79.5%200%20144-64.5%20144-144s-64.5-144-144-144s-144%2064.5-144%20144s64.5%20144%20144%20144m0-100c11%200%2020%209%2020%2020s-9%2020-20%2020s-20-9-20-20s9-20%2020-20m0-140c8.8%200%2016%207.2%2016%2016v80c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-80c0-8.8%207.2-16%2016-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/person-circle-exclamation.svg?color=%231a73e8&size=48