warningsign emoji

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

Name
warningsign
Set
Firefox OS Emoji
Style
Default
Category
Places
Viewbox
512×512
License
Apache 2.0

More places icons from Firefox OS Emoji

aerialtramwayairplaneambulanceanchorarticulatedlorryautomobilebankbarberpolebeachumbrellabicyclebridgeatnightbusbusstopcampingcarouselhorsechurchcircustentcityscapecityscapeatduskclassicalbuildingconstructionconstructionsignconveniencestoredeliverytruck

Use the warningsign emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFB636" d="M12.51 470.379L234.371 16.008c6.439-13.187 25.17-13.363 31.855-.299l232.51 454.371c6.064 11.849-2.542 25.92-15.853 25.92H28.512c-13.164 0-21.778-13.791-16.002-25.621"/><path fill="#2B3B47" d="M284.332 173L272.15 336.498c-.911 12.233-11.567 21.411-23.8 20.499c-11.116-.828-19.706-9.707-20.499-20.499L215.668 173c-1.413-18.961 12.813-35.478 31.774-36.89s35.478 12.813 36.89 31.774c.124 1.662.109 3.5 0 5.116M250 391.873c-17.432 0-31.564 14.131-31.564 31.564C218.436 440.869 232.568 455 250 455s31.564-14.131 31.564-31.564c0-17.432-14.132-31.563-31.564-31.563"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiWarningsign(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFB636" d="M12.51 470.379L234.371 16.008c6.439-13.187 25.17-13.363 31.855-.299l232.51 454.371c6.064 11.849-2.542 25.92-15.853 25.92H28.512c-13.164 0-21.778-13.791-16.002-25.621"/><path fill="#2B3B47" d="M284.332 173L272.15 336.498c-.911 12.233-11.567 21.411-23.8 20.499c-11.116-.828-19.706-9.707-20.499-20.499L215.668 173c-1.413-18.961 12.813-35.478 31.774-36.89s35.478 12.813 36.89 31.774c.124 1.662.109 3.5 0 5.116M250 391.873c-17.432 0-31.564 14.131-31.564 31.564C218.436 440.869 232.568 455 250 455s31.564-14.131 31.564-31.564c0-17.432-14.132-31.563-31.564-31.563"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFB636" d="M12.51 470.379L234.371 16.008c6.439-13.187 25.17-13.363 31.855-.299l232.51 454.371c6.064 11.849-2.542 25.92-15.853 25.92H28.512c-13.164 0-21.778-13.791-16.002-25.621"/><path fill="#2B3B47" d="M284.332 173L272.15 336.498c-.911 12.233-11.567 21.411-23.8 20.499c-11.116-.828-19.706-9.707-20.499-20.499L215.668 173c-1.413-18.961 12.813-35.478 31.774-36.89s35.478 12.813 36.89 31.774c.124 1.662.109 3.5 0 5.116M250 391.873c-17.432 0-31.564 14.131-31.564 31.564C218.436 440.869 232.568 455 250 455s31.564-14.131 31.564-31.564c0-17.432-14.132-31.563-31.564-31.563"/></svg>
</template>

CSS

.icon-warningsign {
  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%23FFB636%22%20d%3D%22M12.51%20470.379L234.371%2016.008c6.439-13.187%2025.17-13.363%2031.855-.299l232.51%20454.371c6.064%2011.849-2.542%2025.92-15.853%2025.92H28.512c-13.164%200-21.778-13.791-16.002-25.621%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M284.332%20173L272.15%20336.498c-.911%2012.233-11.567%2021.411-23.8%2020.499c-11.116-.828-19.706-9.707-20.499-20.499L215.668%20173c-1.413-18.961%2012.813-35.478%2031.774-36.89s35.478%2012.813%2036.89%2031.774c.124%201.662.109%203.5%200%205.116M250%20391.873c-17.432%200-31.564%2014.131-31.564%2031.564C218.436%20440.869%20232.568%20455%20250%20455s31.564-14.131%2031.564-31.564c0-17.432-14.132-31.563-31.564-31.563%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%23FFB636%22%20d%3D%22M12.51%20470.379L234.371%2016.008c6.439-13.187%2025.17-13.363%2031.855-.299l232.51%20454.371c6.064%2011.849-2.542%2025.92-15.853%2025.92H28.512c-13.164%200-21.778-13.791-16.002-25.621%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M284.332%20173L272.15%20336.498c-.911%2012.233-11.567%2021.411-23.8%2020.499c-11.116-.828-19.706-9.707-20.499-20.499L215.668%20173c-1.413-18.961%2012.813-35.478%2031.774-36.89s35.478%2012.813%2036.89%2031.774c.124%201.662.109%203.5%200%205.116M250%20391.873c-17.432%200-31.564%2014.131-31.564%2031.564C218.436%20440.869%20232.568%20455%20250%20455s31.564-14.131%2031.564-31.564c0-17.432-14.132-31.563-31.564-31.563%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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