bullhorn icon
bullhorn from Line Awesome by Icons8 · Line · Political · Apache-2.0 Free for personal and commercial use.
- Name
- bullhorn
- Set
- Line Awesome
- Style
- Line
- Category
- Political
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- bullhorn-solid
The same icon in other sets
More political icons from Line Awesome
Use the bullhorn icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28 3.031l-1.594 1.156s-1.988 1.477-4.843 2.938C18.706 8.585 14.988 10 11.719 10H2v9.125l.031.156l2 7L4.25 27h6.063l-.344-1.281L8.344 20h3.375c3.226 0 6.945 1.441 9.812 2.906s4.875 2.907 4.875 2.907L28 26.968v-9.157c1.156-.417 2-1.519 2-2.812s-.844-2.395-2-2.813zM26 6.75v16.469c-.828-.559-1.484-1.067-3.563-2.125C19.5 19.594 15.707 18.074 12 18v-6c3.742-.074 7.54-1.625 10.469-3.125C24.543 7.812 25.179 7.309 26 6.75M4 12h6v6H4zm.344 8H6.25l1.406 5H5.75z"/></svg>
React
import type { SVGProps } from "react";
export function LaBullhorn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28 3.031l-1.594 1.156s-1.988 1.477-4.843 2.938C18.706 8.585 14.988 10 11.719 10H2v9.125l.031.156l2 7L4.25 27h6.063l-.344-1.281L8.344 20h3.375c3.226 0 6.945 1.441 9.812 2.906s4.875 2.907 4.875 2.907L28 26.968v-9.157c1.156-.417 2-1.519 2-2.812s-.844-2.395-2-2.813zM26 6.75v16.469c-.828-.559-1.484-1.067-3.563-2.125C19.5 19.594 15.707 18.074 12 18v-6c3.742-.074 7.54-1.625 10.469-3.125C24.543 7.812 25.179 7.309 26 6.75M4 12h6v6H4zm.344 8H6.25l1.406 5H5.75z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28 3.031l-1.594 1.156s-1.988 1.477-4.843 2.938C18.706 8.585 14.988 10 11.719 10H2v9.125l.031.156l2 7L4.25 27h6.063l-.344-1.281L8.344 20h3.375c3.226 0 6.945 1.441 9.812 2.906s4.875 2.907 4.875 2.907L28 26.968v-9.157c1.156-.417 2-1.519 2-2.812s-.844-2.395-2-2.813zM26 6.75v16.469c-.828-.559-1.484-1.067-3.563-2.125C19.5 19.594 15.707 18.074 12 18v-6c3.742-.074 7.54-1.625 10.469-3.125C24.543 7.812 25.179 7.309 26 6.75M4 12h6v6H4zm.344 8H6.25l1.406 5H5.75z"/></svg> </template>
CSS
.icon-bullhorn {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28%203.031l-1.594%201.156s-1.988%201.477-4.843%202.938C18.706%208.585%2014.988%2010%2011.719%2010H2v9.125l.031.156l2%207L4.25%2027h6.063l-.344-1.281L8.344%2020h3.375c3.226%200%206.945%201.441%209.812%202.906s4.875%202.907%204.875%202.907L28%2026.968v-9.157c1.156-.417%202-1.519%202-2.812s-.844-2.395-2-2.813zM26%206.75v16.469c-.828-.559-1.484-1.067-3.563-2.125C19.5%2019.594%2015.707%2018.074%2012%2018v-6c3.742-.074%207.54-1.625%2010.469-3.125C24.543%207.812%2025.179%207.309%2026%206.75M4%2012h6v6H4zm.344%208H6.25l1.406%205H5.75z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28%203.031l-1.594%201.156s-1.988%201.477-4.843%202.938C18.706%208.585%2014.988%2010%2011.719%2010H2v9.125l.031.156l2%207L4.25%2027h6.063l-.344-1.281L8.344%2020h3.375c3.226%200%206.945%201.441%209.812%202.906s4.875%202.907%204.875%202.907L28%2026.968v-9.157c1.156-.417%202-1.519%202-2.812s-.844-2.395-2-2.813zM26%206.75v16.469c-.828-.559-1.484-1.067-3.563-2.125C19.5%2019.594%2015.707%2018.074%2012%2018v-6c3.742-.074%207.54-1.625%2010.469-3.125C24.543%207.812%2025.179%207.309%2026%206.75M4%2012h6v6H4zm.344%208H6.25l1.406%205H5.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/bullhorn.svg?color=%231a73e8&size=48
