keffiyeh icon
keffiyeh from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- keffiyeh
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the keffiyeh icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M6 5h12"/><path stroke-linejoin="round" d="M17.62 7.834C16.867 4.404 14.993 2 12 2S7.133 4.404 6.38 7.834c-.514 2.34-1.64 4.522-2.829 6.596c-.33.578-.551 1.165-.551 1.702c0 1.04.798 2.082 1.571 3.262c1.088 1.661 1.633 2.492 1.998 2.591s1.177-.306 2.8-1.119c.832-.416 1.716-.697 2.631-.697s1.799.28 2.632.697c1.622.813 2.434 1.219 2.8 1.12c.364-.1.909-.93 1.997-2.592c.773-1.18 1.571-2.221 1.571-3.262c0-.537-.22-1.124-.551-1.702c-1.19-2.074-2.315-4.257-2.829-6.596Z"/><path d="M6.5 22c.516-1.404 1.077-4.636.47-6.174c-.433-1.097.104-2.195.814-3.045a4.9 4.9 0 0 0 .984-1.859C9.299 8.97 10.392 8 12 8s2.7.969 3.232 2.922a4.9 4.9 0 0 0 .985 1.86c.709.849 1.246 1.947.813 3.044c-.607 1.538-.046 4.77.47 6.174"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsKeffiyeh(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M6 5h12"/><path strokeLinejoin="round" d="M17.62 7.834C16.867 4.404 14.993 2 12 2S7.133 4.404 6.38 7.834c-.514 2.34-1.64 4.522-2.829 6.596c-.33.578-.551 1.165-.551 1.702c0 1.04.798 2.082 1.571 3.262c1.088 1.661 1.633 2.492 1.998 2.591s1.177-.306 2.8-1.119c.832-.416 1.716-.697 2.631-.697s1.799.28 2.632.697c1.622.813 2.434 1.219 2.8 1.12c.364-.1.909-.93 1.997-2.592c.773-1.18 1.571-2.221 1.571-3.262c0-.537-.22-1.124-.551-1.702c-1.19-2.074-2.315-4.257-2.829-6.596Z"/><path d="M6.5 22c.516-1.404 1.077-4.636.47-6.174c-.433-1.097.104-2.195.814-3.045a4.9 4.9 0 0 0 .984-1.859C9.299 8.97 10.392 8 12 8s2.7.969 3.232 2.922a4.9 4.9 0 0 0 .985 1.86c.709.849 1.246 1.947.813 3.044c-.607 1.538-.046 4.77.47 6.174"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M6 5h12"/><path stroke-linejoin="round" d="M17.62 7.834C16.867 4.404 14.993 2 12 2S7.133 4.404 6.38 7.834c-.514 2.34-1.64 4.522-2.829 6.596c-.33.578-.551 1.165-.551 1.702c0 1.04.798 2.082 1.571 3.262c1.088 1.661 1.633 2.492 1.998 2.591s1.177-.306 2.8-1.119c.832-.416 1.716-.697 2.631-.697s1.799.28 2.632.697c1.622.813 2.434 1.219 2.8 1.12c.364-.1.909-.93 1.997-2.592c.773-1.18 1.571-2.221 1.571-3.262c0-.537-.22-1.124-.551-1.702c-1.19-2.074-2.315-4.257-2.829-6.596Z"/><path d="M6.5 22c.516-1.404 1.077-4.636.47-6.174c-.433-1.097.104-2.195.814-3.045a4.9 4.9 0 0 0 .984-1.859C9.299 8.97 10.392 8 12 8s2.7.969 3.232 2.922a4.9 4.9 0 0 0 .985 1.86c.709.849 1.246 1.947.813 3.044c-.607 1.538-.046 4.77.47 6.174"/></g></svg> </template>
CSS
.icon-keffiyeh {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%205h12%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M17.62%207.834C16.867%204.404%2014.993%202%2012%202S7.133%204.404%206.38%207.834c-.514%202.34-1.64%204.522-2.829%206.596c-.33.578-.551%201.165-.551%201.702c0%201.04.798%202.082%201.571%203.262c1.088%201.661%201.633%202.492%201.998%202.591s1.177-.306%202.8-1.119c.832-.416%201.716-.697%202.631-.697s1.799.28%202.632.697c1.622.813%202.434%201.219%202.8%201.12c.364-.1.909-.93%201.997-2.592c.773-1.18%201.571-2.221%201.571-3.262c0-.537-.22-1.124-.551-1.702c-1.19-2.074-2.315-4.257-2.829-6.596Z%22%2F%3E%3Cpath%20d%3D%22M6.5%2022c.516-1.404%201.077-4.636.47-6.174c-.433-1.097.104-2.195.814-3.045a4.9%204.9%200%200%200%20.984-1.859C9.299%208.97%2010.392%208%2012%208s2.7.969%203.232%202.922a4.9%204.9%200%200%200%20.985%201.86c.709.849%201.246%201.947.813%203.044c-.607%201.538-.046%204.77.47%206.174%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%205h12%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M17.62%207.834C16.867%204.404%2014.993%202%2012%202S7.133%204.404%206.38%207.834c-.514%202.34-1.64%204.522-2.829%206.596c-.33.578-.551%201.165-.551%201.702c0%201.04.798%202.082%201.571%203.262c1.088%201.661%201.633%202.492%201.998%202.591s1.177-.306%202.8-1.119c.832-.416%201.716-.697%202.631-.697s1.799.28%202.632.697c1.622.813%202.434%201.219%202.8%201.12c.364-.1.909-.93%201.997-2.592c.773-1.18%201.571-2.221%201.571-3.262c0-.537-.22-1.124-.551-1.702c-1.19-2.074-2.315-4.257-2.829-6.596Z%22%2F%3E%3Cpath%20d%3D%22M6.5%2022c.516-1.404%201.077-4.636.47-6.174c-.433-1.097.104-2.195.814-3.045a4.9%204.9%200%200%200%20.984-1.859C9.299%208.97%2010.392%208%2012%208s2.7.969%203.232%202.922a4.9%204.9%200%200%200%20.985%201.86c.709.849%201.246%201.947.813%203.044c-.607%201.538-.046%204.77.47%206.174%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/keffiyeh.svg?color=%231a73e8&size=48
