whiteexclaimationmark emoji

whiteexclaimationmark from Firefox OS Emoji by Mozilla · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
whiteexclaimationmark
Set
Firefox OS Emoji
Style
Default
Category
Symbols
Viewbox
512×512
License
Apache 2.0

More symbols icons from Firefox OS Emoji

alarmclockantennawithbarsanticlockwiseupwardsanddownwardsarrowsaquariusariesarrowrightwardsdownwardsarrowrightwardsupwardsautomatedtellermachinebabysymbolbackwithleftwardsarrowbaggageclaimballotboxwithcheckblackclubsuitblackdiamondsuitblackdownpointingdoublearrowblackheartsuitblacklargesquareblackleftpointingarrowblackleftpointingdoublearrowblackmediumsmallsquareblackmediumsquareblackquestionmarkblackrightpointingarrowblackrightpointingdoublearrow

Use the whiteexclaimationmark emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D9DDE8" d="M307.983 407.133c0 27-21.6 49.14-49.139 49.14s-49.14-22.14-49.14-49.14c0-26.999 21.6-49.139 49.14-49.139s49.139 22.14 49.139 49.139m-29.651-98.279h-39.48c-8.453 0-15.411-6.647-15.798-15.091l-9.352-204.348c-.412-9.008 6.78-16.537 15.798-16.537h58.652c9.032 0 16.23 7.552 15.796 16.573l-9.82 204.348c-.405 8.429-7.357 15.055-15.796 15.055"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiWhiteexclaimationmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D9DDE8" d="M307.983 407.133c0 27-21.6 49.14-49.139 49.14s-49.14-22.14-49.14-49.14c0-26.999 21.6-49.139 49.14-49.139s49.139 22.14 49.139 49.139m-29.651-98.279h-39.48c-8.453 0-15.411-6.647-15.798-15.091l-9.352-204.348c-.412-9.008 6.78-16.537 15.798-16.537h58.652c9.032 0 16.23 7.552 15.796 16.573l-9.82 204.348c-.405 8.429-7.357 15.055-15.796 15.055"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D9DDE8" d="M307.983 407.133c0 27-21.6 49.14-49.139 49.14s-49.14-22.14-49.14-49.14c0-26.999 21.6-49.139 49.14-49.139s49.139 22.14 49.139 49.139m-29.651-98.279h-39.48c-8.453 0-15.411-6.647-15.798-15.091l-9.352-204.348c-.412-9.008 6.78-16.537 15.798-16.537h58.652c9.032 0 16.23 7.552 15.796 16.573l-9.82 204.348c-.405 8.429-7.357 15.055-15.796 15.055"/></svg>
</template>

CSS

.icon-whiteexclaimationmark {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23D9DDE8%22%20d%3D%22M307.983%20407.133c0%2027-21.6%2049.14-49.139%2049.14s-49.14-22.14-49.14-49.14c0-26.999%2021.6-49.139%2049.14-49.139s49.139%2022.14%2049.139%2049.139m-29.651-98.279h-39.48c-8.453%200-15.411-6.647-15.798-15.091l-9.352-204.348c-.412-9.008%206.78-16.537%2015.798-16.537h58.652c9.032%200%2016.23%207.552%2015.796%2016.573l-9.82%20204.348c-.405%208.429-7.357%2015.055-15.796%2015.055%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23D9DDE8%22%20d%3D%22M307.983%20407.133c0%2027-21.6%2049.14-49.139%2049.14s-49.14-22.14-49.14-49.14c0-26.999%2021.6-49.139%2049.14-49.139s49.139%2022.14%2049.139%2049.139m-29.651-98.279h-39.48c-8.453%200-15.411-6.647-15.798-15.091l-9.352-204.348c-.412-9.008%206.78-16.537%2015.798-16.537h58.652c9.032%200%2016.23%207.552%2015.796%2016.573l-9.82%20204.348c-.405%208.429-7.357%2015.055-15.796%2015.055%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/whiteexclaimationmark.svg?color=%231a73e8&size=48