Bullhorn icon
el:bullhorn
The Bullhorn icon (el:bullhorn) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1030.014 96.91C874.836 250.578 646.766 344.637 427.042 357.866H100.749C49.358 358.572 2.898 402.262 0 459.889V607.02c.701 51.369 43.068 99.121 100.699 102.021H231.52c-34.962 118.567 2.593 238.596 43.15 356.415c60.166 56.81 197.785 49.742 242.638-24.195c-95.523-75.091-142.05-277.145-26.889-326.979c196.285 22.271 390.749 122.01 539.594 255.716c51.169-.701 97.705-42.745 100.699-100.062V628.618c102.449-36.383 81.738-164.259 0-190.28V197.659c-.683-51.365-43.073-97.799-100.699-100.7zm2.595 130.135v613.453C888.778 728.424 711.072 653.216 527.741 619.46V448.134c179.894-27.072 355.835-110.077 504.868-221.089"/></svg>
How to use the Bullhorn icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:bullhorn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:bullhorn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:bullhorn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--bullhorn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:bullhorn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:bullhorn"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/bullhorn.svg" alt="Bullhorn icon" width="24" height="24">
Bullhorn icon in other icon sets
Bullhorn icon FAQ
Is the Bullhorn icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Bullhorn icon in React?
Install @iconify/react and render <Icon icon="el:bullhorn" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bullhorn icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/bullhorn.svg" alt="Bullhorn icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
