white exclamation mark emoji

white-exclamation-mark from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
white-exclamation-mark
Set
Noto Emoji
Style
Default
Category
Symbols
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

white-exclamation-markEmoji One (Colored)white-exclamation-markFluent Emojiwhite-exclamation-markFluent Emoji Flatwhite-exclamation-markFluent Emoji High Contrastwhite-exclamation-markOpenMojiwhite-exclamation-markTwitter Emoji

More symbols icons from Noto Emoji

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 white exclamation mark emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0e0e0" d="m69.8 88.1l1.8-80c.1-2.2-1.8-4.1-4-4.1H55.9c-2.3 0-4.1 1.9-4 4.1l1.8 80c.1 2.2 1.8 3.9 4 3.9h8c2.2 0 4-1.7 4.1-3.9"/><g fill="#fff"><path d="M64 50c.3-1.9-.5-26.2-.5-26.2s.1-3.5-2.8-3.8c-2.8-.3-3.8 2.3-3.8 4.1s.4 21.5.6 23.3c.1 1.8 1.9 3.7 3.6 4.2s2.7-.2 2.9-1.6"/><circle cx="59.6" cy="13.4" r="3.3"/></g><circle cx="64.1" cy="112" r="12" fill="#bdbdbd"/><circle cx="62.4" cy="112" r="10.3" fill="#e0e0e0"/><path fill="#fff" d="M56.5 108.4c1.2-1.8 3.8-3.3 6.5-3.7c.7-.1 1.3-.1 1.9.1c.4.2.8.6.5 1c-.2.4-.7.5-1.1.6c-2.5.7-4.8 2.4-6.2 4.4c-.5.8-1.4 2.9-2.4 2.4c-1-.7-.7-2.6.8-4.8"/><path fill="#bdbdbd" d="M71.9 4h-4.3c2.3 0 4.1 1.9 4 4.1l-1.8 80c-.1 2.2-1.8 3.9-4 3.9H70c2.2 0 4-1.7 4-3.9l1.8-80C76 5.9 74.1 4 71.9 4"/></svg>

React

import type { SVGProps } from "react";

export function NotoWhiteExclamationMark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0e0e0" d="m69.8 88.1l1.8-80c.1-2.2-1.8-4.1-4-4.1H55.9c-2.3 0-4.1 1.9-4 4.1l1.8 80c.1 2.2 1.8 3.9 4 3.9h8c2.2 0 4-1.7 4.1-3.9"/><g fill="#fff"><path d="M64 50c.3-1.9-.5-26.2-.5-26.2s.1-3.5-2.8-3.8c-2.8-.3-3.8 2.3-3.8 4.1s.4 21.5.6 23.3c.1 1.8 1.9 3.7 3.6 4.2s2.7-.2 2.9-1.6"/><circle cx="59.6" cy="13.4" r="3.3"/></g><circle cx="64.1" cy="112" r="12" fill="#bdbdbd"/><circle cx="62.4" cy="112" r="10.3" fill="#e0e0e0"/><path fill="#fff" d="M56.5 108.4c1.2-1.8 3.8-3.3 6.5-3.7c.7-.1 1.3-.1 1.9.1c.4.2.8.6.5 1c-.2.4-.7.5-1.1.6c-2.5.7-4.8 2.4-6.2 4.4c-.5.8-1.4 2.9-2.4 2.4c-1-.7-.7-2.6.8-4.8"/><path fill="#bdbdbd" d="M71.9 4h-4.3c2.3 0 4.1 1.9 4 4.1l-1.8 80c-.1 2.2-1.8 3.9-4 3.9H70c2.2 0 4-1.7 4-3.9l1.8-80C76 5.9 74.1 4 71.9 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e0e0e0" d="m69.8 88.1l1.8-80c.1-2.2-1.8-4.1-4-4.1H55.9c-2.3 0-4.1 1.9-4 4.1l1.8 80c.1 2.2 1.8 3.9 4 3.9h8c2.2 0 4-1.7 4.1-3.9"/><g fill="#fff"><path d="M64 50c.3-1.9-.5-26.2-.5-26.2s.1-3.5-2.8-3.8c-2.8-.3-3.8 2.3-3.8 4.1s.4 21.5.6 23.3c.1 1.8 1.9 3.7 3.6 4.2s2.7-.2 2.9-1.6"/><circle cx="59.6" cy="13.4" r="3.3"/></g><circle cx="64.1" cy="112" r="12" fill="#bdbdbd"/><circle cx="62.4" cy="112" r="10.3" fill="#e0e0e0"/><path fill="#fff" d="M56.5 108.4c1.2-1.8 3.8-3.3 6.5-3.7c.7-.1 1.3-.1 1.9.1c.4.2.8.6.5 1c-.2.4-.7.5-1.1.6c-2.5.7-4.8 2.4-6.2 4.4c-.5.8-1.4 2.9-2.4 2.4c-1-.7-.7-2.6.8-4.8"/><path fill="#bdbdbd" d="M71.9 4h-4.3c2.3 0 4.1 1.9 4 4.1l-1.8 80c-.1 2.2-1.8 3.9-4 3.9H70c2.2 0 4-1.7 4-3.9l1.8-80C76 5.9 74.1 4 71.9 4"/></svg>
</template>

CSS

.icon-white-exclamation-mark {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22m69.8%2088.1l1.8-80c.1-2.2-1.8-4.1-4-4.1H55.9c-2.3%200-4.1%201.9-4%204.1l1.8%2080c.1%202.2%201.8%203.9%204%203.9h8c2.2%200%204-1.7%204.1-3.9%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M64%2050c.3-1.9-.5-26.2-.5-26.2s.1-3.5-2.8-3.8c-2.8-.3-3.8%202.3-3.8%204.1s.4%2021.5.6%2023.3c.1%201.8%201.9%203.7%203.6%204.2s2.7-.2%202.9-1.6%22%2F%3E%3Ccircle%20cx%3D%2259.6%22%20cy%3D%2213.4%22%20r%3D%223.3%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2264.1%22%20cy%3D%22112%22%20r%3D%2212%22%20fill%3D%22%23bdbdbd%22%2F%3E%3Ccircle%20cx%3D%2262.4%22%20cy%3D%22112%22%20r%3D%2210.3%22%20fill%3D%22%23e0e0e0%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M56.5%20108.4c1.2-1.8%203.8-3.3%206.5-3.7c.7-.1%201.3-.1%201.9.1c.4.2.8.6.5%201c-.2.4-.7.5-1.1.6c-2.5.7-4.8%202.4-6.2%204.4c-.5.8-1.4%202.9-2.4%202.4c-1-.7-.7-2.6.8-4.8%22%2F%3E%3Cpath%20fill%3D%22%23bdbdbd%22%20d%3D%22M71.9%204h-4.3c2.3%200%204.1%201.9%204%204.1l-1.8%2080c-.1%202.2-1.8%203.9-4%203.9H70c2.2%200%204-1.7%204-3.9l1.8-80C76%205.9%2074.1%204%2071.9%204%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22m69.8%2088.1l1.8-80c.1-2.2-1.8-4.1-4-4.1H55.9c-2.3%200-4.1%201.9-4%204.1l1.8%2080c.1%202.2%201.8%203.9%204%203.9h8c2.2%200%204-1.7%204.1-3.9%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M64%2050c.3-1.9-.5-26.2-.5-26.2s.1-3.5-2.8-3.8c-2.8-.3-3.8%202.3-3.8%204.1s.4%2021.5.6%2023.3c.1%201.8%201.9%203.7%203.6%204.2s2.7-.2%202.9-1.6%22%2F%3E%3Ccircle%20cx%3D%2259.6%22%20cy%3D%2213.4%22%20r%3D%223.3%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2264.1%22%20cy%3D%22112%22%20r%3D%2212%22%20fill%3D%22%23bdbdbd%22%2F%3E%3Ccircle%20cx%3D%2262.4%22%20cy%3D%22112%22%20r%3D%2210.3%22%20fill%3D%22%23e0e0e0%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M56.5%20108.4c1.2-1.8%203.8-3.3%206.5-3.7c.7-.1%201.3-.1%201.9.1c.4.2.8.6.5%201c-.2.4-.7.5-1.1.6c-2.5.7-4.8%202.4-6.2%204.4c-.5.8-1.4%202.9-2.4%202.4c-1-.7-.7-2.6.8-4.8%22%2F%3E%3Cpath%20fill%3D%22%23bdbdbd%22%20d%3D%22M71.9%204h-4.3c2.3%200%204.1%201.9%204%204.1l-1.8%2080c-.1%202.2-1.8%203.9-4%203.9H70c2.2%200%204-1.7%204-3.9l1.8-80C76%205.9%2074.1%204%2071.9%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/white-exclamation-mark.svg?color=%231a73e8&size=48