bow icon
bow-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- bow-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
Use the bow icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 2l.081.003l.12.017l.111.03l.111.044l.098.052l.096.067l.09.08q.054.053.097.112l.071.11l.031.062l.034.081l.024.076l.03.148L22 3v4a1 1 0 0 1-2 0V5.414l-2.07 2.07C19.231 9.108 20 11.19 20 13.5c0 2.703-1.047 5.462-2.793 7.207a1 1 0 0 1-1.414 0l-5.543-5.542L7 18.414V21a1 1 0 0 1-2 0v-2H3a1 1 0 0 1-.993-.883L2 18a1 1 0 0 1 1-1h2.584l3.251-3.25l-5.542-5.543a1 1 0 0 1-.002-1.412C5.036 5.04 7.78 4 10.5 4c2.31 0 4.393.768 6.015 2.07L18.584 4H17a1 1 0 0 1-.993-.883L16 3a1 1 0 0 1 1-1zm-4.495 6.91L12.415 13l4.595 4.594a9.1 9.1 0 0 0 .985-3.795L18 13.5c0-1.754-.55-3.336-1.495-4.59M10.5 6c-1.44 0-2.89.36-4.098.987L11 11.585l4.09-4.09C13.836 6.55 12.254 6 10.5 6"/></svg>
React
import type { SVGProps } from "react";
export function TablerBowFilled(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="m21 2l.081.003l.12.017l.111.03l.111.044l.098.052l.096.067l.09.08q.054.053.097.112l.071.11l.031.062l.034.081l.024.076l.03.148L22 3v4a1 1 0 0 1-2 0V5.414l-2.07 2.07C19.231 9.108 20 11.19 20 13.5c0 2.703-1.047 5.462-2.793 7.207a1 1 0 0 1-1.414 0l-5.543-5.542L7 18.414V21a1 1 0 0 1-2 0v-2H3a1 1 0 0 1-.993-.883L2 18a1 1 0 0 1 1-1h2.584l3.251-3.25l-5.542-5.543a1 1 0 0 1-.002-1.412C5.036 5.04 7.78 4 10.5 4c2.31 0 4.393.768 6.015 2.07L18.584 4H17a1 1 0 0 1-.993-.883L16 3a1 1 0 0 1 1-1zm-4.495 6.91L12.415 13l4.595 4.594a9.1 9.1 0 0 0 .985-3.795L18 13.5c0-1.754-.55-3.336-1.495-4.59M10.5 6c-1.44 0-2.89.36-4.098.987L11 11.585l4.09-4.09C13.836 6.55 12.254 6 10.5 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 2l.081.003l.12.017l.111.03l.111.044l.098.052l.096.067l.09.08q.054.053.097.112l.071.11l.031.062l.034.081l.024.076l.03.148L22 3v4a1 1 0 0 1-2 0V5.414l-2.07 2.07C19.231 9.108 20 11.19 20 13.5c0 2.703-1.047 5.462-2.793 7.207a1 1 0 0 1-1.414 0l-5.543-5.542L7 18.414V21a1 1 0 0 1-2 0v-2H3a1 1 0 0 1-.993-.883L2 18a1 1 0 0 1 1-1h2.584l3.251-3.25l-5.542-5.543a1 1 0 0 1-.002-1.412C5.036 5.04 7.78 4 10.5 4c2.31 0 4.393.768 6.015 2.07L18.584 4H17a1 1 0 0 1-.993-.883L16 3a1 1 0 0 1 1-1zm-4.495 6.91L12.415 13l4.595 4.594a9.1 9.1 0 0 0 .985-3.795L18 13.5c0-1.754-.55-3.336-1.495-4.59M10.5 6c-1.44 0-2.89.36-4.098.987L11 11.585l4.09-4.09C13.836 6.55 12.254 6 10.5 6"/></svg> </template>
CSS
.icon-bow-filled {
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%22m21%202l.081.003l.12.017l.111.03l.111.044l.098.052l.096.067l.09.08q.054.053.097.112l.071.11l.031.062l.034.081l.024.076l.03.148L22%203v4a1%201%200%200%201-2%200V5.414l-2.07%202.07C19.231%209.108%2020%2011.19%2020%2013.5c0%202.703-1.047%205.462-2.793%207.207a1%201%200%200%201-1.414%200l-5.543-5.542L7%2018.414V21a1%201%200%200%201-2%200v-2H3a1%201%200%200%201-.993-.883L2%2018a1%201%200%200%201%201-1h2.584l3.251-3.25l-5.542-5.543a1%201%200%200%201-.002-1.412C5.036%205.04%207.78%204%2010.5%204c2.31%200%204.393.768%206.015%202.07L18.584%204H17a1%201%200%200%201-.993-.883L16%203a1%201%200%200%201%201-1zm-4.495%206.91L12.415%2013l4.595%204.594a9.1%209.1%200%200%200%20.985-3.795L18%2013.5c0-1.754-.55-3.336-1.495-4.59M10.5%206c-1.44%200-2.89.36-4.098.987L11%2011.585l4.09-4.09C13.836%206.55%2012.254%206%2010.5%206%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%22m21%202l.081.003l.12.017l.111.03l.111.044l.098.052l.096.067l.09.08q.054.053.097.112l.071.11l.031.062l.034.081l.024.076l.03.148L22%203v4a1%201%200%200%201-2%200V5.414l-2.07%202.07C19.231%209.108%2020%2011.19%2020%2013.5c0%202.703-1.047%205.462-2.793%207.207a1%201%200%200%201-1.414%200l-5.543-5.542L7%2018.414V21a1%201%200%200%201-2%200v-2H3a1%201%200%200%201-.993-.883L2%2018a1%201%200%200%201%201-1h2.584l3.251-3.25l-5.542-5.543a1%201%200%200%201-.002-1.412C5.036%205.04%207.78%204%2010.5%204c2.31%200%204.393.768%206.015%202.07L18.584%204H17a1%201%200%200%201-.993-.883L16%203a1%201%200%200%201%201-1zm-4.495%206.91L12.415%2013l4.595%204.594a9.1%209.1%200%200%200%20.985-3.795L18%2013.5c0-1.754-.55-3.336-1.495-4.59M10.5%206c-1.44%200-2.89.36-4.098.987L11%2011.585l4.09-4.09C13.836%206.55%2012.254%206%2010.5%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/bow-filled.svg?color=%231a73e8&size=48
