ios bowtie icon
ios-bowtie from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-bowtie
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios bowtie icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M290.8 213.5C286 205 277 202.2 266 202.2v-.2c-6 0-14.3 1.3-22.6 2.9-11.9 2.3-19.7 7.1-19.7 7.1s3.6 27.3.1 58.5-7.9 42.5-7.9 42.5 5.3 12.1 40 15c3.9.3 7.6.5 11 .5 24.5 0 36.4-7.3 36.4-7.3s3.3-5.4 4.3-22.1c1.9-32.2-7-68.5-16.8-85.6z" fill="currentColor"/><path d="M205.7 208.8c-22-40.2-86.2-96.8-121.3-96.8C57.9 112 32 180.5 32 256s23 144 51.5 144c33.4 0 110.5-80 110.5-80s5.7-12.6 9.9-33.6l1.8-10.4c.7-4.7 1.3-9.7 1.7-15 .3-3.5.5-6.8.6-9.9l.3-9.8c.7-16-2.6-32.5-2.6-32.5z" fill="currentColor"/><path d="M427.6 112c-36.4 0-96.4 56.5-118.3 96.8l-.8 1.4s1.4 2.5 1.9 3.4c3.4 6 6.7 14.3 9.4 24l2.9 11.7c2.2 10.2 3.7 21.2 4.2 32.2l.2 9c0 2.9-.1 5.7-.3 8.5-1 16.7-4.6 22.1-4.6 22.1 7.6 10.5 69 78.9 106.2 78.9 28.5 0 51.5-68.5 51.5-144s-25.8-144-52.3-144z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosBowtie(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M290.8 213.5C286 205 277 202.2 266 202.2v-.2c-6 0-14.3 1.3-22.6 2.9-11.9 2.3-19.7 7.1-19.7 7.1s3.6 27.3.1 58.5-7.9 42.5-7.9 42.5 5.3 12.1 40 15c3.9.3 7.6.5 11 .5 24.5 0 36.4-7.3 36.4-7.3s3.3-5.4 4.3-22.1c1.9-32.2-7-68.5-16.8-85.6z" fill="currentColor"/><path d="M205.7 208.8c-22-40.2-86.2-96.8-121.3-96.8C57.9 112 32 180.5 32 256s23 144 51.5 144c33.4 0 110.5-80 110.5-80s5.7-12.6 9.9-33.6l1.8-10.4c.7-4.7 1.3-9.7 1.7-15 .3-3.5.5-6.8.6-9.9l.3-9.8c.7-16-2.6-32.5-2.6-32.5z" fill="currentColor"/><path d="M427.6 112c-36.4 0-96.4 56.5-118.3 96.8l-.8 1.4s1.4 2.5 1.9 3.4c3.4 6 6.7 14.3 9.4 24l2.9 11.7c2.2 10.2 3.7 21.2 4.2 32.2l.2 9c0 2.9-.1 5.7-.3 8.5-1 16.7-4.6 22.1-4.6 22.1 7.6 10.5 69 78.9 106.2 78.9 28.5 0 51.5-68.5 51.5-144s-25.8-144-52.3-144z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M290.8 213.5C286 205 277 202.2 266 202.2v-.2c-6 0-14.3 1.3-22.6 2.9-11.9 2.3-19.7 7.1-19.7 7.1s3.6 27.3.1 58.5-7.9 42.5-7.9 42.5 5.3 12.1 40 15c3.9.3 7.6.5 11 .5 24.5 0 36.4-7.3 36.4-7.3s3.3-5.4 4.3-22.1c1.9-32.2-7-68.5-16.8-85.6z" fill="currentColor"/><path d="M205.7 208.8c-22-40.2-86.2-96.8-121.3-96.8C57.9 112 32 180.5 32 256s23 144 51.5 144c33.4 0 110.5-80 110.5-80s5.7-12.6 9.9-33.6l1.8-10.4c.7-4.7 1.3-9.7 1.7-15 .3-3.5.5-6.8.6-9.9l.3-9.8c.7-16-2.6-32.5-2.6-32.5z" fill="currentColor"/><path d="M427.6 112c-36.4 0-96.4 56.5-118.3 96.8l-.8 1.4s1.4 2.5 1.9 3.4c3.4 6 6.7 14.3 9.4 24l2.9 11.7c2.2 10.2 3.7 21.2 4.2 32.2l.2 9c0 2.9-.1 5.7-.3 8.5-1 16.7-4.6 22.1-4.6 22.1 7.6 10.5 69 78.9 106.2 78.9 28.5 0 51.5-68.5 51.5-144s-25.8-144-52.3-144z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%22M290.8%20213.5C286%20205%20277%20202.2%20266%20202.2v-.2c-6%200-14.3%201.3-22.6%202.9-11.9%202.3-19.7%207.1-19.7%207.1s3.6%2027.3.1%2058.5-7.9%2042.5-7.9%2042.5%205.3%2012.1%2040%2015c3.9.3%207.6.5%2011%20.5%2024.5%200%2036.4-7.3%2036.4-7.3s3.3-5.4%204.3-22.1c1.9-32.2-7-68.5-16.8-85.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M205.7%20208.8c-22-40.2-86.2-96.8-121.3-96.8C57.9%20112%2032%20180.5%2032%20256s23%20144%2051.5%20144c33.4%200%20110.5-80%20110.5-80s5.7-12.6%209.9-33.6l1.8-10.4c.7-4.7%201.3-9.7%201.7-15%20.3-3.5.5-6.8.6-9.9l.3-9.8c.7-16-2.6-32.5-2.6-32.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M427.6%20112c-36.4%200-96.4%2056.5-118.3%2096.8l-.8%201.4s1.4%202.5%201.9%203.4c3.4%206%206.7%2014.3%209.4%2024l2.9%2011.7c2.2%2010.2%203.7%2021.2%204.2%2032.2l.2%209c0%202.9-.1%205.7-.3%208.5-1%2016.7-4.6%2022.1-4.6%2022.1%207.6%2010.5%2069%2078.9%20106.2%2078.9%2028.5%200%2051.5-68.5%2051.5-144s-25.8-144-52.3-144z%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%22M290.8%20213.5C286%20205%20277%20202.2%20266%20202.2v-.2c-6%200-14.3%201.3-22.6%202.9-11.9%202.3-19.7%207.1-19.7%207.1s3.6%2027.3.1%2058.5-7.9%2042.5-7.9%2042.5%205.3%2012.1%2040%2015c3.9.3%207.6.5%2011%20.5%2024.5%200%2036.4-7.3%2036.4-7.3s3.3-5.4%204.3-22.1c1.9-32.2-7-68.5-16.8-85.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M205.7%20208.8c-22-40.2-86.2-96.8-121.3-96.8C57.9%20112%2032%20180.5%2032%20256s23%20144%2051.5%20144c33.4%200%20110.5-80%20110.5-80s5.7-12.6%209.9-33.6l1.8-10.4c.7-4.7%201.3-9.7%201.7-15%20.3-3.5.5-6.8.6-9.9l.3-9.8c.7-16-2.6-32.5-2.6-32.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M427.6%20112c-36.4%200-96.4%2056.5-118.3%2096.8l-.8%201.4s1.4%202.5%201.9%203.4c3.4%206%206.7%2014.3%209.4%2024l2.9%2011.7c2.2%2010.2%203.7%2021.2%204.2%2032.2l.2%209c0%202.9-.1%205.7-.3%208.5-1%2016.7-4.6%2022.1-4.6%2022.1%207.6%2010.5%2069%2078.9%20106.2%2078.9%2028.5%200%2051.5-68.5%2051.5-144s-25.8-144-52.3-144z%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/ios-bowtie.svg?color=%231a73e8&size=48
