warning emoji
warning from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- warning
- Set
- Noto Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
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 warning emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f2a600" d="m57.16 8.42l-52 104c-1.94 4.02-.26 8.85 3.75 10.79c1.08.52 2.25.8 3.45.81h104c4.46-.04 8.05-3.69 8.01-8.15a8.1 8.1 0 0 0-.81-3.45l-52-104a8.067 8.067 0 0 0-14.4 0"/><path fill="#ffcc32" d="m53.56 15.72l-48.8 97.4c-1.83 3.77-.25 8.31 3.52 10.14c.99.48 2.08.74 3.18.76h97.5a7.55 7.55 0 0 0 7.48-7.62a7.6 7.6 0 0 0-.78-3.28l-48.7-97.4a7.443 7.443 0 0 0-9.93-3.47a7.5 7.5 0 0 0-3.47 3.47"/><path fill="#424242" d="M64.36 34.02c4.6 0 8.3 3.7 8 8l-3.4 48c-.38 2.54-2.74 4.3-5.28 3.92a4.65 4.65 0 0 1-3.92-3.92l-3.4-48c-.3-4.3 3.4-8 8-8m0 64c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6s2.69-6 6-6" opacity=".2"/><linearGradient id="SVGnuiZpfIv" x1="68" x2="68" y1="-1808.36" y2="-1887.05" gradientTransform="matrix(1 0 0 -1 -3.64 -1776.09)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#424242"/><stop offset="1" stop-color="#212121"/></linearGradient><path fill="url(#SVGnuiZpfIv)" d="M64.36 34.02c4.6 0 8.3 3.7 8 8l-3.4 48c-.38 2.54-2.74 4.3-5.28 3.92a4.65 4.65 0 0 1-3.92-3.92l-3.4-48c-.3-4.3 3.4-8 8-8"/><linearGradient id="SVGfGRHndYi" x1="64.36" x2="64.36" y1="-1808.36" y2="-1887.05" gradientTransform="matrix(1 0 0 -1 0 -1772.11)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#424242"/><stop offset="1" stop-color="#212121"/></linearGradient><circle cx="64.36" cy="104.02" r="6" fill="url(#SVGfGRHndYi)"/><path fill="#fff170" d="M53.56 23.02c-1.2 1.5-21.4 41-21.4 41s-1.8 3 .7 4.7c2.3 1.6 4.4-.3 5.3-1.8s19.2-36.9 19.9-38.6c.6-1.87.18-3.91-1.1-5.4c-1.3-1.2-2.6-1-3.4.1"/><circle cx="31.36" cy="75.33" r="3.3" fill="#fff170"/></svg>
React
import type { SVGProps } from "react";
export function NotoWarning(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f2a600" d="m57.16 8.42l-52 104c-1.94 4.02-.26 8.85 3.75 10.79c1.08.52 2.25.8 3.45.81h104c4.46-.04 8.05-3.69 8.01-8.15a8.1 8.1 0 0 0-.81-3.45l-52-104a8.067 8.067 0 0 0-14.4 0"/><path fill="#ffcc32" d="m53.56 15.72l-48.8 97.4c-1.83 3.77-.25 8.31 3.52 10.14c.99.48 2.08.74 3.18.76h97.5a7.55 7.55 0 0 0 7.48-7.62a7.6 7.6 0 0 0-.78-3.28l-48.7-97.4a7.443 7.443 0 0 0-9.93-3.47a7.5 7.5 0 0 0-3.47 3.47"/><path fill="#424242" d="M64.36 34.02c4.6 0 8.3 3.7 8 8l-3.4 48c-.38 2.54-2.74 4.3-5.28 3.92a4.65 4.65 0 0 1-3.92-3.92l-3.4-48c-.3-4.3 3.4-8 8-8m0 64c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6s2.69-6 6-6" opacity=".2"/><linearGradient id="SVGnuiZpfIv" x1="68" x2="68" y1="-1808.36" y2="-1887.05" gradientTransform="matrix(1 0 0 -1 -3.64 -1776.09)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#424242"/><stop offset="1" stopColor="#212121"/></linearGradient><path fill="url(#SVGnuiZpfIv)" d="M64.36 34.02c4.6 0 8.3 3.7 8 8l-3.4 48c-.38 2.54-2.74 4.3-5.28 3.92a4.65 4.65 0 0 1-3.92-3.92l-3.4-48c-.3-4.3 3.4-8 8-8"/><linearGradient id="SVGfGRHndYi" x1="64.36" x2="64.36" y1="-1808.36" y2="-1887.05" gradientTransform="matrix(1 0 0 -1 0 -1772.11)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#424242"/><stop offset="1" stopColor="#212121"/></linearGradient><circle cx="64.36" cy="104.02" r="6" fill="url(#SVGfGRHndYi)"/><path fill="#fff170" d="M53.56 23.02c-1.2 1.5-21.4 41-21.4 41s-1.8 3 .7 4.7c2.3 1.6 4.4-.3 5.3-1.8s19.2-36.9 19.9-38.6c.6-1.87.18-3.91-1.1-5.4c-1.3-1.2-2.6-1-3.4.1"/><circle cx="31.36" cy="75.33" r="3.3" fill="#fff170"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f2a600" d="m57.16 8.42l-52 104c-1.94 4.02-.26 8.85 3.75 10.79c1.08.52 2.25.8 3.45.81h104c4.46-.04 8.05-3.69 8.01-8.15a8.1 8.1 0 0 0-.81-3.45l-52-104a8.067 8.067 0 0 0-14.4 0"/><path fill="#ffcc32" d="m53.56 15.72l-48.8 97.4c-1.83 3.77-.25 8.31 3.52 10.14c.99.48 2.08.74 3.18.76h97.5a7.55 7.55 0 0 0 7.48-7.62a7.6 7.6 0 0 0-.78-3.28l-48.7-97.4a7.443 7.443 0 0 0-9.93-3.47a7.5 7.5 0 0 0-3.47 3.47"/><path fill="#424242" d="M64.36 34.02c4.6 0 8.3 3.7 8 8l-3.4 48c-.38 2.54-2.74 4.3-5.28 3.92a4.65 4.65 0 0 1-3.92-3.92l-3.4-48c-.3-4.3 3.4-8 8-8m0 64c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6s2.69-6 6-6" opacity=".2"/><linearGradient id="SVGnuiZpfIv" x1="68" x2="68" y1="-1808.36" y2="-1887.05" gradientTransform="matrix(1 0 0 -1 -3.64 -1776.09)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#424242"/><stop offset="1" stop-color="#212121"/></linearGradient><path fill="url(#SVGnuiZpfIv)" d="M64.36 34.02c4.6 0 8.3 3.7 8 8l-3.4 48c-.38 2.54-2.74 4.3-5.28 3.92a4.65 4.65 0 0 1-3.92-3.92l-3.4-48c-.3-4.3 3.4-8 8-8"/><linearGradient id="SVGfGRHndYi" x1="64.36" x2="64.36" y1="-1808.36" y2="-1887.05" gradientTransform="matrix(1 0 0 -1 0 -1772.11)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#424242"/><stop offset="1" stop-color="#212121"/></linearGradient><circle cx="64.36" cy="104.02" r="6" fill="url(#SVGfGRHndYi)"/><path fill="#fff170" d="M53.56 23.02c-1.2 1.5-21.4 41-21.4 41s-1.8 3 .7 4.7c2.3 1.6 4.4-.3 5.3-1.8s19.2-36.9 19.9-38.6c.6-1.87.18-3.91-1.1-5.4c-1.3-1.2-2.6-1-3.4.1"/><circle cx="31.36" cy="75.33" r="3.3" fill="#fff170"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f2a600%22%20d%3D%22m57.16%208.42l-52%20104c-1.94%204.02-.26%208.85%203.75%2010.79c1.08.52%202.25.8%203.45.81h104c4.46-.04%208.05-3.69%208.01-8.15a8.1%208.1%200%200%200-.81-3.45l-52-104a8.067%208.067%200%200%200-14.4%200%22%2F%3E%3Cpath%20fill%3D%22%23ffcc32%22%20d%3D%22m53.56%2015.72l-48.8%2097.4c-1.83%203.77-.25%208.31%203.52%2010.14c.99.48%202.08.74%203.18.76h97.5a7.55%207.55%200%200%200%207.48-7.62a7.6%207.6%200%200%200-.78-3.28l-48.7-97.4a7.443%207.443%200%200%200-9.93-3.47a7.5%207.5%200%200%200-3.47%203.47%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M64.36%2034.02c4.6%200%208.3%203.7%208%208l-3.4%2048c-.38%202.54-2.74%204.3-5.28%203.92a4.65%204.65%200%200%201-3.92-3.92l-3.4-48c-.3-4.3%203.4-8%208-8m0%2064c3.31%200%206%202.69%206%206s-2.69%206-6%206s-6-2.69-6-6s2.69-6%206-6%22%20opacity%3D%22.2%22%2F%3E%3ClinearGradient%20id%3D%22SVGnuiZpfIv%22%20x1%3D%2268%22%20x2%3D%2268%22%20y1%3D%22-1808.36%22%20y2%3D%22-1887.05%22%20gradientTransform%3D%22matrix(1%200%200%20-1%20-3.64%20-1776.09)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23212121%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGnuiZpfIv)%22%20d%3D%22M64.36%2034.02c4.6%200%208.3%203.7%208%208l-3.4%2048c-.38%202.54-2.74%204.3-5.28%203.92a4.65%204.65%200%200%201-3.92-3.92l-3.4-48c-.3-4.3%203.4-8%208-8%22%2F%3E%3ClinearGradient%20id%3D%22SVGfGRHndYi%22%20x1%3D%2264.36%22%20x2%3D%2264.36%22%20y1%3D%22-1808.36%22%20y2%3D%22-1887.05%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1772.11)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23212121%22%2F%3E%3C%2FlinearGradient%3E%3Ccircle%20cx%3D%2264.36%22%20cy%3D%22104.02%22%20r%3D%226%22%20fill%3D%22url(%23SVGfGRHndYi)%22%2F%3E%3Cpath%20fill%3D%22%23fff170%22%20d%3D%22M53.56%2023.02c-1.2%201.5-21.4%2041-21.4%2041s-1.8%203%20.7%204.7c2.3%201.6%204.4-.3%205.3-1.8s19.2-36.9%2019.9-38.6c.6-1.87.18-3.91-1.1-5.4c-1.3-1.2-2.6-1-3.4.1%22%2F%3E%3Ccircle%20cx%3D%2231.36%22%20cy%3D%2275.33%22%20r%3D%223.3%22%20fill%3D%22%23fff170%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%23f2a600%22%20d%3D%22m57.16%208.42l-52%20104c-1.94%204.02-.26%208.85%203.75%2010.79c1.08.52%202.25.8%203.45.81h104c4.46-.04%208.05-3.69%208.01-8.15a8.1%208.1%200%200%200-.81-3.45l-52-104a8.067%208.067%200%200%200-14.4%200%22%2F%3E%3Cpath%20fill%3D%22%23ffcc32%22%20d%3D%22m53.56%2015.72l-48.8%2097.4c-1.83%203.77-.25%208.31%203.52%2010.14c.99.48%202.08.74%203.18.76h97.5a7.55%207.55%200%200%200%207.48-7.62a7.6%207.6%200%200%200-.78-3.28l-48.7-97.4a7.443%207.443%200%200%200-9.93-3.47a7.5%207.5%200%200%200-3.47%203.47%22%2F%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M64.36%2034.02c4.6%200%208.3%203.7%208%208l-3.4%2048c-.38%202.54-2.74%204.3-5.28%203.92a4.65%204.65%200%200%201-3.92-3.92l-3.4-48c-.3-4.3%203.4-8%208-8m0%2064c3.31%200%206%202.69%206%206s-2.69%206-6%206s-6-2.69-6-6s2.69-6%206-6%22%20opacity%3D%22.2%22%2F%3E%3ClinearGradient%20id%3D%22SVGnuiZpfIv%22%20x1%3D%2268%22%20x2%3D%2268%22%20y1%3D%22-1808.36%22%20y2%3D%22-1887.05%22%20gradientTransform%3D%22matrix(1%200%200%20-1%20-3.64%20-1776.09)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23212121%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGnuiZpfIv)%22%20d%3D%22M64.36%2034.02c4.6%200%208.3%203.7%208%208l-3.4%2048c-.38%202.54-2.74%204.3-5.28%203.92a4.65%204.65%200%200%201-3.92-3.92l-3.4-48c-.3-4.3%203.4-8%208-8%22%2F%3E%3ClinearGradient%20id%3D%22SVGfGRHndYi%22%20x1%3D%2264.36%22%20x2%3D%2264.36%22%20y1%3D%22-1808.36%22%20y2%3D%22-1887.05%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1772.11)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23212121%22%2F%3E%3C%2FlinearGradient%3E%3Ccircle%20cx%3D%2264.36%22%20cy%3D%22104.02%22%20r%3D%226%22%20fill%3D%22url(%23SVGfGRHndYi)%22%2F%3E%3Cpath%20fill%3D%22%23fff170%22%20d%3D%22M53.56%2023.02c-1.2%201.5-21.4%2041-21.4%2041s-1.8%203%20.7%204.7c2.3%201.6%204.4-.3%205.3-1.8s19.2-36.9%2019.9-38.6c.6-1.87.18-3.91-1.1-5.4c-1.3-1.2-2.6-1-3.4.1%22%2F%3E%3Ccircle%20cx%3D%2231.36%22%20cy%3D%2275.33%22%20r%3D%223.3%22%20fill%3D%22%23fff170%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/warning.svg?color=%231a73e8&size=48
