bow tie icon

bow-tie-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: bow-tie-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

bow-tie-20-filledFluent UI System Icons bow-tieHuge Icons bow-tieMaterial Design Icons

Use the bow tie icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.073 6.493c.736.065 1.455.432 1.903 1.18C21.536 8.61 22 9.997 22 12s-.463 3.39-1.024 4.328c-.448.747-1.167 1.114-1.903 1.18c-.705.062-1.415-.147-2-.498l-3.03-1.818a2.986 2.986 0 0 1-4.087 0l-3.03 1.818c-.584.351-1.294.56-2 .497c-.735-.065-1.454-.432-1.902-1.18C2.464 15.39 2 14.004 2 12c0-2.002.463-3.39 1.024-4.328c.448-.747 1.167-1.114 1.903-1.18c.705-.062 1.415.147 2 .498l3.029 1.817A3 3 0 0 1 12 8c.79 0 1.507.308 2.043.807l3.03-1.817c.585-.351 1.295-.56 2-.498"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteBowTieFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.073 6.493c.736.065 1.455.432 1.903 1.18C21.536 8.61 22 9.997 22 12s-.463 3.39-1.024 4.328c-.448.747-1.167 1.114-1.903 1.18c-.705.062-1.415-.147-2-.498l-3.03-1.818a2.986 2.986 0 0 1-4.087 0l-3.03 1.818c-.584.351-1.294.56-2 .497c-.735-.065-1.454-.432-1.902-1.18C2.464 15.39 2 14.004 2 12c0-2.002.463-3.39 1.024-4.328c.448-.747 1.167-1.114 1.903-1.18c.705-.062 1.415.147 2 .498l3.029 1.817A3 3 0 0 1 12 8c.79 0 1.507.308 2.043.807l3.03-1.817c.585-.351 1.295-.56 2-.498"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.073 6.493c.736.065 1.455.432 1.903 1.18C21.536 8.61 22 9.997 22 12s-.463 3.39-1.024 4.328c-.448.747-1.167 1.114-1.903 1.18c-.705.062-1.415-.147-2-.498l-3.03-1.818a2.986 2.986 0 0 1-4.087 0l-3.03 1.818c-.584.351-1.294.56-2 .497c-.735-.065-1.454-.432-1.902-1.18C2.464 15.39 2 14.004 2 12c0-2.002.463-3.39 1.024-4.328c.448-.747 1.167-1.114 1.903-1.18c.705-.062 1.415.147 2 .498l3.029 1.817A3 3 0 0 1 12 8c.79 0 1.507.308 2.043.807l3.03-1.817c.585-.351 1.295-.56 2-.498"/></svg>
</template>

CSS

.icon-bow-tie-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.073%206.493c.736.065%201.455.432%201.903%201.18C21.536%208.61%2022%209.997%2022%2012s-.463%203.39-1.024%204.328c-.448.747-1.167%201.114-1.903%201.18c-.705.062-1.415-.147-2-.498l-3.03-1.818a2.986%202.986%200%200%201-4.087%200l-3.03%201.818c-.584.351-1.294.56-2%20.497c-.735-.065-1.454-.432-1.902-1.18C2.464%2015.39%202%2014.004%202%2012c0-2.002.463-3.39%201.024-4.328c.448-.747%201.167-1.114%201.903-1.18c.705-.062%201.415.147%202%20.498l3.029%201.817A3%203%200%200%201%2012%208c.79%200%201.507.308%202.043.807l3.03-1.817c.585-.351%201.295-.56%202-.498%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.073%206.493c.736.065%201.455.432%201.903%201.18C21.536%208.61%2022%209.997%2022%2012s-.463%203.39-1.024%204.328c-.448.747-1.167%201.114-1.903%201.18c-.705.062-1.415-.147-2-.498l-3.03-1.818a2.986%202.986%200%200%201-4.087%200l-3.03%201.818c-.584.351-1.294.56-2%20.497c-.735-.065-1.454-.432-1.902-1.18C2.464%2015.39%202%2014.004%202%2012c0-2.002.463-3.39%201.024-4.328c.448-.747%201.167-1.114%201.903-1.18c.705-.062%201.415.147%202%20.498l3.029%201.817A3%203%200%200%201%2012%208c.79%200%201.507.308%202.043.807l3.03-1.817c.585-.351%201.295-.56%202-.498%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/bow-tie-fill.svg?color=%231a73e8&size=48