Alertmanager icon
thesvg-color:alertmanager
The Alertmanager icon (thesvg-color:alertmanager) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 115 × 114 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 115 × 114
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="115" height="114" viewBox="0 0 115 114"><path fill="#e6522c" d="M56.667.667C25.372.667 0 26.036 0 57.332s25.372 56.666 56.667 56.666s56.666-25.371 56.666-56.666c0-31.296-25.372-56.665-56.666-56.665m0 106.055c-8.904 0-16.123-5.948-16.123-13.283H72.79c0 7.334-7.219 13.283-16.123 13.283m26.63-17.682H30.034v-9.658h53.264v9.658Zm-.191-14.629h-52.92c-.176-.203-.356-.403-.526-.609c-5.452-6.62-6.736-10.076-7.983-13.598c-.021-.116 6.611 1.355 11.314 2.413c0 0 2.42.56 5.958 1.205c-3.397-3.982-5.414-9.044-5.414-14.218c0-11.359 8.712-21.285 5.569-29.308c3.059.249 6.331 6.456 6.552 16.161c3.252-4.494 4.613-12.701 4.613-17.733c0-5.21 3.433-11.262 6.867-11.469c-3.061 5.045.793 9.37 4.219 20.099c1.285 4.03 1.121 10.812 2.113 15.113C63.797 33.534 65.333 20.5 71 16c-2.5 5.667.37 12.758 2.333 16.167c3.167 5.5 5.087 9.667 5.087 17.548c0 5.284-1.951 10.259-5.242 14.148c3.742-.702 6.326-1.335 6.326-1.335l12.152-2.371c.001-.001-1.765 7.261-8.55 14.254"/></svg>How to use the Alertmanager icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:alertmanager" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:alertmanager" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:alertmanager" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--alertmanager]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:alertmanager"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:alertmanager"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/alertmanager.svg" alt="Alertmanager icon" width="24" height="24">Alertmanager icon FAQ
Is the Alertmanager icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Alertmanager icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:alertmanager" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Alertmanager icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/alertmanager.svg" alt="Alertmanager icon">, or paste the SVG code inline to style it with CSS.