md bowtie icon
md-bowtie from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-bowtie
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md bowtie icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M276 304h-40c-15.4 0-28-12.6-28-28v-40c0-15.4 12.6-28 28-28h40c15.4 0 28 12.6 28 28v40c0 15.4-12.6 28-28 28z" fill="currentColor"/><path d="M176 280v-48c0-18.2 8.7-34.4 22.2-44.6C192 160 96 96 64 96c-17.6 0-32 14.4-32 32v256c0 17.6 14.3 32 32 32 32 0 128-64 134.2-91.4-13.5-10.2-22.2-26.4-22.2-44.6z" fill="currentColor"/><path d="M448 96c-32 0-128 64-134.2 91.4 13.5 10.2 22.2 26.4 22.2 44.6v48c0 18.2-8.7 34.4-22.2 44.6C320 352 416 416 448 416c17.7 0 32-14.4 32-32V128c0-17.6-14.4-32-32-32z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdBowtie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M276 304h-40c-15.4 0-28-12.6-28-28v-40c0-15.4 12.6-28 28-28h40c15.4 0 28 12.6 28 28v40c0 15.4-12.6 28-28 28z" fill="currentColor"/><path d="M176 280v-48c0-18.2 8.7-34.4 22.2-44.6C192 160 96 96 64 96c-17.6 0-32 14.4-32 32v256c0 17.6 14.3 32 32 32 32 0 128-64 134.2-91.4-13.5-10.2-22.2-26.4-22.2-44.6z" fill="currentColor"/><path d="M448 96c-32 0-128 64-134.2 91.4 13.5 10.2 22.2 26.4 22.2 44.6v48c0 18.2-8.7 34.4-22.2 44.6C320 352 416 416 448 416c17.7 0 32-14.4 32-32V128c0-17.6-14.4-32-32-32z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M276 304h-40c-15.4 0-28-12.6-28-28v-40c0-15.4 12.6-28 28-28h40c15.4 0 28 12.6 28 28v40c0 15.4-12.6 28-28 28z" fill="currentColor"/><path d="M176 280v-48c0-18.2 8.7-34.4 22.2-44.6C192 160 96 96 64 96c-17.6 0-32 14.4-32 32v256c0 17.6 14.3 32 32 32 32 0 128-64 134.2-91.4-13.5-10.2-22.2-26.4-22.2-44.6z" fill="currentColor"/><path d="M448 96c-32 0-128 64-134.2 91.4 13.5 10.2 22.2 26.4 22.2 44.6v48c0 18.2-8.7 34.4-22.2 44.6C320 352 416 416 448 416c17.7 0 32-14.4 32-32V128c0-17.6-14.4-32-32-32z" fill="currentColor"/></svg> </template>
CSS
.icon-md-bowtie {
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%20512%20512%22%3E%3Cpath%20d%3D%22M276%20304h-40c-15.4%200-28-12.6-28-28v-40c0-15.4%2012.6-28%2028-28h40c15.4%200%2028%2012.6%2028%2028v40c0%2015.4-12.6%2028-28%2028z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M176%20280v-48c0-18.2%208.7-34.4%2022.2-44.6C192%20160%2096%2096%2064%2096c-17.6%200-32%2014.4-32%2032v256c0%2017.6%2014.3%2032%2032%2032%2032%200%20128-64%20134.2-91.4-13.5-10.2-22.2-26.4-22.2-44.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448%2096c-32%200-128%2064-134.2%2091.4%2013.5%2010.2%2022.2%2026.4%2022.2%2044.6v48c0%2018.2-8.7%2034.4-22.2%2044.6C320%20352%20416%20416%20448%20416c17.7%200%2032-14.4%2032-32V128c0-17.6-14.4-32-32-32z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M276%20304h-40c-15.4%200-28-12.6-28-28v-40c0-15.4%2012.6-28%2028-28h40c15.4%200%2028%2012.6%2028%2028v40c0%2015.4-12.6%2028-28%2028z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M176%20280v-48c0-18.2%208.7-34.4%2022.2-44.6C192%20160%2096%2096%2064%2096c-17.6%200-32%2014.4-32%2032v256c0%2017.6%2014.3%2032%2032%2032%2032%200%20128-64%20134.2-91.4-13.5-10.2-22.2-26.4-22.2-44.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448%2096c-32%200-128%2064-134.2%2091.4%2013.5%2010.2%2022.2%2026.4%2022.2%2044.6v48c0%2018.2-8.7%2034.4-22.2%2044.6C320%20352%20416%20416%20448%20416c17.7%200%2032-14.4%2032-32V128c0-17.6-14.4-32-32-32z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-bowtie.svg?color=%231a73e8&size=48
