warning emoji
warning from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- warning
- Set
- Twitter Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
warning-filledAnt Design IconswarningCarbonwarningCodiconswarningEmoji One (Colored)warningElement PluswarningFont Awesome Solidwarning-12-filledFluent UI System Iconswarning-16Fluent UI System Color IconswarningFluent EmojiwarningFluent Emoji FlatwarningFluent Emoji High ContrastwarningHealth IconswarningIonIconswarningMaterial SymbolswarningMaterial Symbols Lightwarning-fillMingCute IconwarningNoto EmojiwarningOpenMojiwarningPhosphor
More symbols icons from Twitter 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 warning emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M2.653 35C.811 35-.001 33.662.847 32.027L16.456 1.972c.849-1.635 2.238-1.635 3.087 0l15.609 30.056c.85 1.634.037 2.972-1.805 2.972z"/><path fill="#231f20" d="M15.583 28.953a2.42 2.42 0 0 1 2.419-2.418a2.42 2.42 0 0 1 2.418 2.418a2.42 2.42 0 0 1-2.418 2.419a2.42 2.42 0 0 1-2.419-2.419m.186-18.293c0-1.302.961-2.108 2.232-2.108c1.241 0 2.233.837 2.233 2.108v11.938c0 1.271-.992 2.108-2.233 2.108c-1.271 0-2.232-.807-2.232-2.108z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiWarning(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M2.653 35C.811 35-.001 33.662.847 32.027L16.456 1.972c.849-1.635 2.238-1.635 3.087 0l15.609 30.056c.85 1.634.037 2.972-1.805 2.972z"/><path fill="#231f20" d="M15.583 28.953a2.42 2.42 0 0 1 2.419-2.418a2.42 2.42 0 0 1 2.418 2.418a2.42 2.42 0 0 1-2.418 2.419a2.42 2.42 0 0 1-2.419-2.419m.186-18.293c0-1.302.961-2.108 2.232-2.108c1.241 0 2.233.837 2.233 2.108v11.938c0 1.271-.992 2.108-2.233 2.108c-1.271 0-2.232-.807-2.232-2.108z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M2.653 35C.811 35-.001 33.662.847 32.027L16.456 1.972c.849-1.635 2.238-1.635 3.087 0l15.609 30.056c.85 1.634.037 2.972-1.805 2.972z"/><path fill="#231f20" d="M15.583 28.953a2.42 2.42 0 0 1 2.419-2.418a2.42 2.42 0 0 1 2.418 2.418a2.42 2.42 0 0 1-2.418 2.419a2.42 2.42 0 0 1-2.419-2.419m.186-18.293c0-1.302.961-2.108 2.232-2.108c1.241 0 2.233.837 2.233 2.108v11.938c0 1.271-.992 2.108-2.233 2.108c-1.271 0-2.232-.807-2.232-2.108z"/></svg> </template>
CSS
.icon-warning {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M2.653%2035C.811%2035-.001%2033.662.847%2032.027L16.456%201.972c.849-1.635%202.238-1.635%203.087%200l15.609%2030.056c.85%201.634.037%202.972-1.805%202.972z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M15.583%2028.953a2.42%202.42%200%200%201%202.419-2.418a2.42%202.42%200%200%201%202.418%202.418a2.42%202.42%200%200%201-2.418%202.419a2.42%202.42%200%200%201-2.419-2.419m.186-18.293c0-1.302.961-2.108%202.232-2.108c1.241%200%202.233.837%202.233%202.108v11.938c0%201.271-.992%202.108-2.233%202.108c-1.271%200-2.232-.807-2.232-2.108z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M2.653%2035C.811%2035-.001%2033.662.847%2032.027L16.456%201.972c.849-1.635%202.238-1.635%203.087%200l15.609%2030.056c.85%201.634.037%202.972-1.805%202.972z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M15.583%2028.953a2.42%202.42%200%200%201%202.419-2.418a2.42%202.42%200%200%201%202.418%202.418a2.42%202.42%200%200%201-2.418%202.419a2.42%202.42%200%200%201-2.419-2.419m.186-18.293c0-1.302.961-2.108%202.232-2.108c1.241%200%202.233.837%202.233%202.108v11.938c0%201.271-.992%202.108-2.233%202.108c-1.271%200-2.232-.807-2.232-2.108z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/warning.svg?color=%231a73e8&size=48
