bowtie icon

bowtie from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
bowtie
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

The same icon in other sets

bowtieSVG Logos

Use the bowtie icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M223.955 212.011s8.054-4.679 19.985-7.011c21.318-4.166 39.472-5.5 47.466 8.5 9.777 17.124 18.402 53.417 16.488 85.5-1 16.75-4.622 22.125-4.622 22.125s-15.333 9.525-47.341 6.875c-34.725-2.875-39.971-15.004-39.971-15.004s4.497-11.305 7.995-42.499c3.497-31.194 0-58.486 0-58.486z" fill="currentColor"/><path d="M183.984 285c12.546-3.323 23.03-7.189 27.659-8.985.693-4.707 1.28-9.718 1.694-15.015.271-3.461.465-6.754.602-9.896-6.854-2.333-13.534-4.851-28.769-10.104-38.66-13.333-57.146-17-57.146-17s14.24-2.5 42.219 3c19.986 3.929 34.392 9.5 43.947 14.333.771-15.999-2.477-32.583-2.477-32.583C189.729 168.5 119.53 112 84.368 112 57.888 112 32 180.5 32 256s23.03 144 51.51 144c33.356 0 116.463-80 116.463-80s5.738-12.578 9.879-33.572c-18.788 5.198-63.84 8.572-63.84 8.572s20.984-5.5 37.972-10z" fill="currentColor"/><path d="M427.632 112c-36.37 0-102.363 56.5-124.348 96.75l-.761 1.375s1.389 2.527 1.873 3.375c3.424 5.996 6.704 14.348 9.442 24.041 8.115-2.805 23.599-8.164 37.523-13.041 19.985-7 34.975-9.5 34.975-9.5s-52.982 23.741-69.605 34.264c2.169 10.159 3.693 21.199 4.218 32.242 5.423 2.216 16.551 6.475 29.914 9.994 18.986 5 40.398 11.5 40.398 11.5s-54.202-5.27-70.114-12.522a154.92 154.92 0 0 1-.263 8.522c-.997 16.719-4.608 22.104-4.622 22.124 7.621 10.543 75 78.876 112.228 78.876 28.48 0 51.51-68.5 51.51-144s-25.888-144-52.368-144z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonBowtie(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M223.955 212.011s8.054-4.679 19.985-7.011c21.318-4.166 39.472-5.5 47.466 8.5 9.777 17.124 18.402 53.417 16.488 85.5-1 16.75-4.622 22.125-4.622 22.125s-15.333 9.525-47.341 6.875c-34.725-2.875-39.971-15.004-39.971-15.004s4.497-11.305 7.995-42.499c3.497-31.194 0-58.486 0-58.486z" fill="currentColor"/><path d="M183.984 285c12.546-3.323 23.03-7.189 27.659-8.985.693-4.707 1.28-9.718 1.694-15.015.271-3.461.465-6.754.602-9.896-6.854-2.333-13.534-4.851-28.769-10.104-38.66-13.333-57.146-17-57.146-17s14.24-2.5 42.219 3c19.986 3.929 34.392 9.5 43.947 14.333.771-15.999-2.477-32.583-2.477-32.583C189.729 168.5 119.53 112 84.368 112 57.888 112 32 180.5 32 256s23.03 144 51.51 144c33.356 0 116.463-80 116.463-80s5.738-12.578 9.879-33.572c-18.788 5.198-63.84 8.572-63.84 8.572s20.984-5.5 37.972-10z" fill="currentColor"/><path d="M427.632 112c-36.37 0-102.363 56.5-124.348 96.75l-.761 1.375s1.389 2.527 1.873 3.375c3.424 5.996 6.704 14.348 9.442 24.041 8.115-2.805 23.599-8.164 37.523-13.041 19.985-7 34.975-9.5 34.975-9.5s-52.982 23.741-69.605 34.264c2.169 10.159 3.693 21.199 4.218 32.242 5.423 2.216 16.551 6.475 29.914 9.994 18.986 5 40.398 11.5 40.398 11.5s-54.202-5.27-70.114-12.522a154.92 154.92 0 0 1-.263 8.522c-.997 16.719-4.608 22.104-4.622 22.124 7.621 10.543 75 78.876 112.228 78.876 28.48 0 51.51-68.5 51.51-144s-25.888-144-52.368-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="M223.955 212.011s8.054-4.679 19.985-7.011c21.318-4.166 39.472-5.5 47.466 8.5 9.777 17.124 18.402 53.417 16.488 85.5-1 16.75-4.622 22.125-4.622 22.125s-15.333 9.525-47.341 6.875c-34.725-2.875-39.971-15.004-39.971-15.004s4.497-11.305 7.995-42.499c3.497-31.194 0-58.486 0-58.486z" fill="currentColor"/><path d="M183.984 285c12.546-3.323 23.03-7.189 27.659-8.985.693-4.707 1.28-9.718 1.694-15.015.271-3.461.465-6.754.602-9.896-6.854-2.333-13.534-4.851-28.769-10.104-38.66-13.333-57.146-17-57.146-17s14.24-2.5 42.219 3c19.986 3.929 34.392 9.5 43.947 14.333.771-15.999-2.477-32.583-2.477-32.583C189.729 168.5 119.53 112 84.368 112 57.888 112 32 180.5 32 256s23.03 144 51.51 144c33.356 0 116.463-80 116.463-80s5.738-12.578 9.879-33.572c-18.788 5.198-63.84 8.572-63.84 8.572s20.984-5.5 37.972-10z" fill="currentColor"/><path d="M427.632 112c-36.37 0-102.363 56.5-124.348 96.75l-.761 1.375s1.389 2.527 1.873 3.375c3.424 5.996 6.704 14.348 9.442 24.041 8.115-2.805 23.599-8.164 37.523-13.041 19.985-7 34.975-9.5 34.975-9.5s-52.982 23.741-69.605 34.264c2.169 10.159 3.693 21.199 4.218 32.242 5.423 2.216 16.551 6.475 29.914 9.994 18.986 5 40.398 11.5 40.398 11.5s-54.202-5.27-70.114-12.522a154.92 154.92 0 0 1-.263 8.522c-.997 16.719-4.608 22.104-4.622 22.124 7.621 10.543 75 78.876 112.228 78.876 28.48 0 51.51-68.5 51.51-144s-25.888-144-52.368-144z" fill="currentColor"/></svg>
</template>

CSS

.icon-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%22M223.955%20212.011s8.054-4.679%2019.985-7.011c21.318-4.166%2039.472-5.5%2047.466%208.5%209.777%2017.124%2018.402%2053.417%2016.488%2085.5-1%2016.75-4.622%2022.125-4.622%2022.125s-15.333%209.525-47.341%206.875c-34.725-2.875-39.971-15.004-39.971-15.004s4.497-11.305%207.995-42.499c3.497-31.194%200-58.486%200-58.486z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M183.984%20285c12.546-3.323%2023.03-7.189%2027.659-8.985.693-4.707%201.28-9.718%201.694-15.015.271-3.461.465-6.754.602-9.896-6.854-2.333-13.534-4.851-28.769-10.104-38.66-13.333-57.146-17-57.146-17s14.24-2.5%2042.219%203c19.986%203.929%2034.392%209.5%2043.947%2014.333.771-15.999-2.477-32.583-2.477-32.583C189.729%20168.5%20119.53%20112%2084.368%20112%2057.888%20112%2032%20180.5%2032%20256s23.03%20144%2051.51%20144c33.356%200%20116.463-80%20116.463-80s5.738-12.578%209.879-33.572c-18.788%205.198-63.84%208.572-63.84%208.572s20.984-5.5%2037.972-10z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M427.632%20112c-36.37%200-102.363%2056.5-124.348%2096.75l-.761%201.375s1.389%202.527%201.873%203.375c3.424%205.996%206.704%2014.348%209.442%2024.041%208.115-2.805%2023.599-8.164%2037.523-13.041%2019.985-7%2034.975-9.5%2034.975-9.5s-52.982%2023.741-69.605%2034.264c2.169%2010.159%203.693%2021.199%204.218%2032.242%205.423%202.216%2016.551%206.475%2029.914%209.994%2018.986%205%2040.398%2011.5%2040.398%2011.5s-54.202-5.27-70.114-12.522a154.92%20154.92%200%200%201-.263%208.522c-.997%2016.719-4.608%2022.104-4.622%2022.124%207.621%2010.543%2075%2078.876%20112.228%2078.876%2028.48%200%2051.51-68.5%2051.51-144s-25.888-144-52.368-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%22M223.955%20212.011s8.054-4.679%2019.985-7.011c21.318-4.166%2039.472-5.5%2047.466%208.5%209.777%2017.124%2018.402%2053.417%2016.488%2085.5-1%2016.75-4.622%2022.125-4.622%2022.125s-15.333%209.525-47.341%206.875c-34.725-2.875-39.971-15.004-39.971-15.004s4.497-11.305%207.995-42.499c3.497-31.194%200-58.486%200-58.486z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M183.984%20285c12.546-3.323%2023.03-7.189%2027.659-8.985.693-4.707%201.28-9.718%201.694-15.015.271-3.461.465-6.754.602-9.896-6.854-2.333-13.534-4.851-28.769-10.104-38.66-13.333-57.146-17-57.146-17s14.24-2.5%2042.219%203c19.986%203.929%2034.392%209.5%2043.947%2014.333.771-15.999-2.477-32.583-2.477-32.583C189.729%20168.5%20119.53%20112%2084.368%20112%2057.888%20112%2032%20180.5%2032%20256s23.03%20144%2051.51%20144c33.356%200%20116.463-80%20116.463-80s5.738-12.578%209.879-33.572c-18.788%205.198-63.84%208.572-63.84%208.572s20.984-5.5%2037.972-10z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M427.632%20112c-36.37%200-102.363%2056.5-124.348%2096.75l-.761%201.375s1.389%202.527%201.873%203.375c3.424%205.996%206.704%2014.348%209.442%2024.041%208.115-2.805%2023.599-8.164%2037.523-13.041%2019.985-7%2034.975-9.5%2034.975-9.5s-52.982%2023.741-69.605%2034.264c2.169%2010.159%203.693%2021.199%204.218%2032.242%205.423%202.216%2016.551%206.475%2029.914%209.994%2018.986%205%2040.398%2011.5%2040.398%2011.5s-54.202-5.27-70.114-12.522a154.92%20154.92%200%200%201-.263%208.522c-.997%2016.719-4.608%2022.104-4.622%2022.124%207.621%2010.543%2075%2078.876%20112.228%2078.876%2028.48%200%2051.51-68.5%2051.51-144s-25.888-144-52.368-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/bowtie.svg?color=%231a73e8&size=48

Bowtie icon — IonIcons · IconsDB