exclamation question mark emoji

exclamation-question-mark from Fluent Emoji Flat by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.

Name
exclamation-question-mark
Set
Fluent Emoji Flat
Style
Default
Category
Symbols
Viewbox
32×32
License
MIT

The same emoji in other sets

More symbols icons from Fluent Emoji Flat

Use the exclamation question mark emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f8312f" d="M5 20.618C5 21.933 6.12 23 7.5 23s2.5-1.067 2.5-2.392V4.383C10 3.067 8.88 2 7.5 2S5 3.067 5 4.382zm12.502.245c0 1.302 1.096 2.36 2.447 2.36s2.447-1.058 2.447-2.37v-1.705c0-.11.072-.206.176-.24c3.205-1.06 5.428-3.99 5.428-7.346v-1.254c0-4.239-3.533-7.773-7.879-7.861a8.16 8.16 0 0 0-5.807 2.212c-1.553 1.469-2.416 3.447-2.416 5.552c0 1.311 1.106 2.369 2.457 2.369s2.446-1.058 2.446-2.36c0-.822.335-1.596.945-2.173a3.17 3.17 0 0 1 2.274-.872c1.706.04 3.086 1.45 3.086 3.143v1.244c0 1.468-1.076 2.731-2.568 2.996c-1.757.313-3.036 1.791-3.036 3.514zM19.949 30a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M10 27.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatExclamationQuestionMark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f8312f" d="M5 20.618C5 21.933 6.12 23 7.5 23s2.5-1.067 2.5-2.392V4.383C10 3.067 8.88 2 7.5 2S5 3.067 5 4.382zm12.502.245c0 1.302 1.096 2.36 2.447 2.36s2.447-1.058 2.447-2.37v-1.705c0-.11.072-.206.176-.24c3.205-1.06 5.428-3.99 5.428-7.346v-1.254c0-4.239-3.533-7.773-7.879-7.861a8.16 8.16 0 0 0-5.807 2.212c-1.553 1.469-2.416 3.447-2.416 5.552c0 1.311 1.106 2.369 2.457 2.369s2.446-1.058 2.446-2.36c0-.822.335-1.596.945-2.173a3.17 3.17 0 0 1 2.274-.872c1.706.04 3.086 1.45 3.086 3.143v1.244c0 1.468-1.076 2.731-2.568 2.996c-1.757.313-3.036 1.791-3.036 3.514zM19.949 30a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M10 27.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f8312f" d="M5 20.618C5 21.933 6.12 23 7.5 23s2.5-1.067 2.5-2.392V4.383C10 3.067 8.88 2 7.5 2S5 3.067 5 4.382zm12.502.245c0 1.302 1.096 2.36 2.447 2.36s2.447-1.058 2.447-2.37v-1.705c0-.11.072-.206.176-.24c3.205-1.06 5.428-3.99 5.428-7.346v-1.254c0-4.239-3.533-7.773-7.879-7.861a8.16 8.16 0 0 0-5.807 2.212c-1.553 1.469-2.416 3.447-2.416 5.552c0 1.311 1.106 2.369 2.457 2.369s2.446-1.058 2.446-2.36c0-.822.335-1.596.945-2.173a3.17 3.17 0 0 1 2.274-.872c1.706.04 3.086 1.45 3.086 3.143v1.244c0 1.468-1.076 2.731-2.568 2.996c-1.757.313-3.036 1.791-3.036 3.514zM19.949 30a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M10 27.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
</template>

CSS

.icon-exclamation-question-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%2032%2032%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M5%2020.618C5%2021.933%206.12%2023%207.5%2023s2.5-1.067%202.5-2.392V4.383C10%203.067%208.88%202%207.5%202S5%203.067%205%204.382zm12.502.245c0%201.302%201.096%202.36%202.447%202.36s2.447-1.058%202.447-2.37v-1.705c0-.11.072-.206.176-.24c3.205-1.06%205.428-3.99%205.428-7.346v-1.254c0-4.239-3.533-7.773-7.879-7.861a8.16%208.16%200%200%200-5.807%202.212c-1.553%201.469-2.416%203.447-2.416%205.552c0%201.311%201.106%202.369%202.457%202.369s2.446-1.058%202.446-2.36c0-.822.335-1.596.945-2.173a3.17%203.17%200%200%201%202.274-.872c1.706.04%203.086%201.45%203.086%203.143v1.244c0%201.468-1.076%202.731-2.568%202.996c-1.757.313-3.036%201.791-3.036%203.514zM19.949%2030a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205M10%2027.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%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%22%23f8312f%22%20d%3D%22M5%2020.618C5%2021.933%206.12%2023%207.5%2023s2.5-1.067%202.5-2.392V4.383C10%203.067%208.88%202%207.5%202S5%203.067%205%204.382zm12.502.245c0%201.302%201.096%202.36%202.447%202.36s2.447-1.058%202.447-2.37v-1.705c0-.11.072-.206.176-.24c3.205-1.06%205.428-3.99%205.428-7.346v-1.254c0-4.239-3.533-7.773-7.879-7.861a8.16%208.16%200%200%200-5.807%202.212c-1.553%201.469-2.416%203.447-2.416%205.552c0%201.311%201.106%202.369%202.457%202.369s2.446-1.058%202.446-2.36c0-.822.335-1.596.945-2.173a3.17%203.17%200%200%201%202.274-.872c1.706.04%203.086%201.45%203.086%203.143v1.244c0%201.468-1.076%202.731-2.568%202.996c-1.757.313-3.036%201.791-3.036%203.514zM19.949%2030a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205M10%2027.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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