incident icon logo

incident-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
incident-icon
Set
SVG Logos
Style
Color
Viewbox
256×346
License
CC0

Use the incident icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 346"><path fill="#f25533" d="M96.73 344.737V298.16h60.969v46.99C214.062 331.68 256 280.686 256 219.843c0-49.516-35.14-119.19-75.886-140.748c5.48 19.333-2.749 44.528-13.71 42.32c-4.13-.826-4.56-7.355-5.226-17.903C159.78 81.43 157.27 41.716 117.015 0c-3.209 29.135-49.405 88.484-79.46 127.118a3238 3238 0 0 0-11.28 14.536A129.25 129.25 0 0 0 0 219.844c-.12 58.859 39.713 110.296 96.73 124.91zm65.147-98.952a34.09 34.09 0 0 1-33.996 34.202a34.09 34.09 0 0 1-33.996-34.202c0-7.8 2.685-15.14 6.99-20.763l2.987-3.86c7.99-10.262 20.254-26.021 21.112-33.757c25.306 17.093 36.903 45.226 36.903 58.38"/></svg>

React

import type { SVGProps } from "react";

export function LogosIncidentIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 346"><path fill="#f25533" d="M96.73 344.737V298.16h60.969v46.99C214.062 331.68 256 280.686 256 219.843c0-49.516-35.14-119.19-75.886-140.748c5.48 19.333-2.749 44.528-13.71 42.32c-4.13-.826-4.56-7.355-5.226-17.903C159.78 81.43 157.27 41.716 117.015 0c-3.209 29.135-49.405 88.484-79.46 127.118a3238 3238 0 0 0-11.28 14.536A129.25 129.25 0 0 0 0 219.844c-.12 58.859 39.713 110.296 96.73 124.91zm65.147-98.952a34.09 34.09 0 0 1-33.996 34.202a34.09 34.09 0 0 1-33.996-34.202c0-7.8 2.685-15.14 6.99-20.763l2.987-3.86c7.99-10.262 20.254-26.021 21.112-33.757c25.306 17.093 36.903 45.226 36.903 58.38"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 346"><path fill="#f25533" d="M96.73 344.737V298.16h60.969v46.99C214.062 331.68 256 280.686 256 219.843c0-49.516-35.14-119.19-75.886-140.748c5.48 19.333-2.749 44.528-13.71 42.32c-4.13-.826-4.56-7.355-5.226-17.903C159.78 81.43 157.27 41.716 117.015 0c-3.209 29.135-49.405 88.484-79.46 127.118a3238 3238 0 0 0-11.28 14.536A129.25 129.25 0 0 0 0 219.844c-.12 58.859 39.713 110.296 96.73 124.91zm65.147-98.952a34.09 34.09 0 0 1-33.996 34.202a34.09 34.09 0 0 1-33.996-34.202c0-7.8 2.685-15.14 6.99-20.763l2.987-3.86c7.99-10.262 20.254-26.021 21.112-33.757c25.306 17.093 36.903 45.226 36.903 58.38"/></svg>
</template>

CSS

.icon-incident-icon {
  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%20256%20346%22%3E%3Cpath%20fill%3D%22%23f25533%22%20d%3D%22M96.73%20344.737V298.16h60.969v46.99C214.062%20331.68%20256%20280.686%20256%20219.843c0-49.516-35.14-119.19-75.886-140.748c5.48%2019.333-2.749%2044.528-13.71%2042.32c-4.13-.826-4.56-7.355-5.226-17.903C159.78%2081.43%20157.27%2041.716%20117.015%200c-3.209%2029.135-49.405%2088.484-79.46%20127.118a3238%203238%200%200%200-11.28%2014.536A129.25%20129.25%200%200%200%200%20219.844c-.12%2058.859%2039.713%20110.296%2096.73%20124.91zm65.147-98.952a34.09%2034.09%200%200%201-33.996%2034.202a34.09%2034.09%200%200%201-33.996-34.202c0-7.8%202.685-15.14%206.99-20.763l2.987-3.86c7.99-10.262%2020.254-26.021%2021.112-33.757c25.306%2017.093%2036.903%2045.226%2036.903%2058.38%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%20256%20346%22%3E%3Cpath%20fill%3D%22%23f25533%22%20d%3D%22M96.73%20344.737V298.16h60.969v46.99C214.062%20331.68%20256%20280.686%20256%20219.843c0-49.516-35.14-119.19-75.886-140.748c5.48%2019.333-2.749%2044.528-13.71%2042.32c-4.13-.826-4.56-7.355-5.226-17.903C159.78%2081.43%20157.27%2041.716%20117.015%200c-3.209%2029.135-49.405%2088.484-79.46%20127.118a3238%203238%200%200%200-11.28%2014.536A129.25%20129.25%200%200%200%200%20219.844c-.12%2058.859%2039.713%20110.296%2096.73%20124.91zm65.147-98.952a34.09%2034.09%200%200%201-33.996%2034.202a34.09%2034.09%200%200%201-33.996-34.202c0-7.8%202.685-15.14%206.99-20.763l2.987-3.86c7.99-10.262%2020.254-26.021%2021.112-33.757c25.306%2017.093%2036.903%2045.226%2036.903%2058.38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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