Incident icon

logos:incident

The Incident icon (logos:incident) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 132 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 132

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="132" viewBox="0 0 512 132"><path fill="#f25533" d="M24.94 88.887v-12.01h15.721v12.117c14.533-3.474 25.346-16.622 25.346-32.31c0-12.767-9.06-30.732-19.566-36.29c1.413 4.985-.709 11.481-3.535 10.912c-1.065-.213-1.176-1.897-1.348-4.616c-.36-5.694-1.007-15.934-11.387-26.69c-.827 7.512-12.738 22.815-20.488 32.776c-1.06 1.36-2.04 2.622-2.908 3.748c-4.4 5.8-6.78 12.88-6.775 20.16c-.031 15.177 10.24 28.44 24.94 32.207zm16.798-25.514a8.79 8.79 0 0 1-8.765 8.819a8.79 8.79 0 0 1-8.766-8.819c0-2.01.693-3.903 1.803-5.353l.77-.996c2.06-2.646 5.222-6.709 5.443-8.704c6.525 4.408 9.515 11.662 9.515 15.053"/><path fill="#040c16" d="M80.773 75.4c-6.922 0-12.157 2.53-14.991 6.43v-4.956H50.066v52.715h15.72v-28.782c0-7.484 3.981-10.855 9.748-10.855c5.026 0 9.114 3.056 9.114 9.593v30.048h15.72v-32.37c0-14.234-9.01-21.824-19.599-21.824zm53.445 55.668c10.269 0 19.177-5.378 23.683-13.599l-13.73-7.91c-1.675 3.687-5.554 5.903-10.162 5.903c-6.812 0-11.842-4.956-11.842-12.23c0-7.275 5.03-12.227 11.838-12.227c4.612 0 8.384 2.212 10.166 5.902l13.73-8.012c-4.506-8.118-13.517-13.496-23.683-13.496c-15.93 0-27.771 12.124-27.771 27.837c0 15.708 11.841 27.832 27.77 27.832m35.77-58.831c5.137 0 9.433-4.325 9.433-9.49s-4.296-9.49-9.433-9.49c-5.132 0-9.429 4.325-9.429 9.49s4.297 9.49 9.43 9.49m-7.856 57.356h15.716V76.878h-15.716zm63.164-73.805V81.83c-3.457-4.006-8.593-6.43-15.613-6.43c-13.73 0-25.048 12.123-25.048 27.831c0 15.713 11.322 27.837 25.048 27.837c7.02 0 12.156-2.425 15.613-6.43v4.955h15.72v-73.81h-15.72zm-12.468 60.309c-7.233 0-12.472-4.956-12.472-12.861c0-7.91 5.243-12.862 12.472-12.862c7.23 0 12.468 4.952 12.468 12.862c0 7.905-5.238 12.861-12.468 12.861m51.667-6.537h37.2c.428-2.08.639-4.2.631-6.324c0-15.922-11.317-27.837-26.62-27.837c-16.556 0-27.873 12.124-27.873 27.837c0 15.708 11.108 27.832 29.028 27.832c9.953 0 17.711-3.687 22.843-10.859l-12.574-7.274c-2.097 2.318-5.763 4.006-10.06 4.006c-5.763 0-10.584-1.9-12.575-7.381m-.315-11.809c1.466-5.378 5.447-8.331 11.424-8.331c4.714 0 9.429 2.216 11.108 8.331zm75.67-22.352c-6.919 0-12.158 2.531-14.988 6.43v-4.955h-15.716v52.715h15.716v-28.782c0-7.484 3.985-10.855 9.748-10.855c5.03 0 9.118 3.056 9.118 9.593v30.048h15.717v-32.37c0-14.234-9.012-21.824-19.596-21.824m58.998 16.659V76.874h-10.793V62.116l-15.716 4.743v10.015h-8.385v15.184h8.385v18.66c0 14.763 5.972 20.98 26.509 18.875v-14.34c-6.914.422-10.793 0-10.793-4.534V92.058zm16.736 39.01c5.452 0 9.958-4.534 9.958-10.015c0-5.484-4.506-10.019-9.958-10.019c-5.447 0-9.953 4.535-9.953 10.015c0 5.485 4.506 10.019 9.953 10.019m26.227-58.831c5.136 0 9.433-4.325 9.433-9.49s-4.297-9.49-9.433-9.49c-5.132 0-9.429 4.325-9.429 9.49s4.297 9.49 9.429 9.49m-7.86 57.356h15.72V76.878h-15.72zm50.278 1.475c15.405 0 27.771-12.124 27.771-27.837c0-15.708-12.366-27.832-27.77-27.832c-15.406 0-27.772 12.124-27.772 27.837c0 15.708 12.366 27.832 27.771 27.832m0-15.393c-6.812 0-12.05-4.956-12.05-12.444c0-7.483 5.238-12.44 12.05-12.44s12.05 4.957 12.05 12.44c0 7.488-5.238 12.444-12.05 12.444M24.945 129.593H40.66V89.108s-15.72 2.843-15.72 18.002v22.487z"/></svg>

How to use the Incident icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:incident" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:incident" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:incident" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--incident]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:incident"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:incident"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/incident.svg" alt="Incident icon" width="24" height="24">

Related icons in SVG Logos

Incident icon FAQ

Is the Incident icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Incident icon in React?

Install @iconify/react and render <Icon icon="logos:incident" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Incident icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/incident.svg" alt="Incident icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →