prayer rug 02 icon

prayer-rug-02 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
prayer-rug-02
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Related icons in Huge Icons

Use the prayer rug 02 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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M16 4H8c-1.414 0-2.121 0-2.56.44C5 4.878 5 5.585 5 7v10c0 1.414 0 2.121.44 2.56C5.878 20 6.585 20 8 20h8c1.414 0 2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56V7c0-1.414 0-2.121-.44-2.56C18.122 4 17.415 4 16 4"/><path d="M9.387 11.32c-1.143-2.05.49-2.949 1.744-3.823c.476-.331.713-.497.868-.497c.154 0 .392.166.867.497c1.255.874 2.89 1.773 1.748 3.824c-.2.36-.3.54-.334.668c-.033.128-.033.278-.033.578l-.002 3.411c0 .482 0 .723-.146.872c-.147.15-.382.15-.854.15h-2.49c-.472 0-.708 0-.854-.15s-.147-.39-.147-.872v-3.41c0-.3 0-.45-.033-.58c-.033-.128-.134-.308-.334-.668M14 4V2m4 2V2m-8 2V2M6 4V2m8 20v-2m4 2v-2m-8 2v-2m-4 2v-2"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsPrayerRug02(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M16 4H8c-1.414 0-2.121 0-2.56.44C5 4.878 5 5.585 5 7v10c0 1.414 0 2.121.44 2.56C5.878 20 6.585 20 8 20h8c1.414 0 2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56V7c0-1.414 0-2.121-.44-2.56C18.122 4 17.415 4 16 4"/><path d="M9.387 11.32c-1.143-2.05.49-2.949 1.744-3.823c.476-.331.713-.497.868-.497c.154 0 .392.166.867.497c1.255.874 2.89 1.773 1.748 3.824c-.2.36-.3.54-.334.668c-.033.128-.033.278-.033.578l-.002 3.411c0 .482 0 .723-.146.872c-.147.15-.382.15-.854.15h-2.49c-.472 0-.708 0-.854-.15s-.147-.39-.147-.872v-3.41c0-.3 0-.45-.033-.58c-.033-.128-.134-.308-.334-.668M14 4V2m4 2V2m-8 2V2M6 4V2m8 20v-2m4 2v-2m-8 2v-2m-4 2v-2"/></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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M16 4H8c-1.414 0-2.121 0-2.56.44C5 4.878 5 5.585 5 7v10c0 1.414 0 2.121.44 2.56C5.878 20 6.585 20 8 20h8c1.414 0 2.121 0 2.56-.44c.44-.439.44-1.146.44-2.56V7c0-1.414 0-2.121-.44-2.56C18.122 4 17.415 4 16 4"/><path d="M9.387 11.32c-1.143-2.05.49-2.949 1.744-3.823c.476-.331.713-.497.868-.497c.154 0 .392.166.867.497c1.255.874 2.89 1.773 1.748 3.824c-.2.36-.3.54-.334.668c-.033.128-.033.278-.033.578l-.002 3.411c0 .482 0 .723-.146.872c-.147.15-.382.15-.854.15h-2.49c-.472 0-.708 0-.854-.15s-.147-.39-.147-.872v-3.41c0-.3 0-.45-.033-.58c-.033-.128-.134-.308-.334-.668M14 4V2m4 2V2m-8 2V2M6 4V2m8 20v-2m4 2v-2m-8 2v-2m-4 2v-2"/></g></svg>
</template>

CSS

.icon-prayer-rug-02 {
  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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M16%204H8c-1.414%200-2.121%200-2.56.44C5%204.878%205%205.585%205%207v10c0%201.414%200%202.121.44%202.56C5.878%2020%206.585%2020%208%2020h8c1.414%200%202.121%200%202.56-.44c.44-.439.44-1.146.44-2.56V7c0-1.414%200-2.121-.44-2.56C18.122%204%2017.415%204%2016%204%22%2F%3E%3Cpath%20d%3D%22M9.387%2011.32c-1.143-2.05.49-2.949%201.744-3.823c.476-.331.713-.497.868-.497c.154%200%20.392.166.867.497c1.255.874%202.89%201.773%201.748%203.824c-.2.36-.3.54-.334.668c-.033.128-.033.278-.033.578l-.002%203.411c0%20.482%200%20.723-.146.872c-.147.15-.382.15-.854.15h-2.49c-.472%200-.708%200-.854-.15s-.147-.39-.147-.872v-3.41c0-.3%200-.45-.033-.58c-.033-.128-.134-.308-.334-.668M14%204V2m4%202V2m-8%202V2M6%204V2m8%2020v-2m4%202v-2m-8%202v-2m-4%202v-2%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M16%204H8c-1.414%200-2.121%200-2.56.44C5%204.878%205%205.585%205%207v10c0%201.414%200%202.121.44%202.56C5.878%2020%206.585%2020%208%2020h8c1.414%200%202.121%200%202.56-.44c.44-.439.44-1.146.44-2.56V7c0-1.414%200-2.121-.44-2.56C18.122%204%2017.415%204%2016%204%22%2F%3E%3Cpath%20d%3D%22M9.387%2011.32c-1.143-2.05.49-2.949%201.744-3.823c.476-.331.713-.497.868-.497c.154%200%20.392.166.867.497c1.255.874%202.89%201.773%201.748%203.824c-.2.36-.3.54-.334.668c-.033.128-.033.278-.033.578l-.002%203.411c0%20.482%200%20.723-.146.872c-.147.15-.382.15-.854.15h-2.49c-.472%200-.708%200-.854-.15s-.147-.39-.147-.872v-3.41c0-.3%200-.45-.033-.58c-.033-.128-.134-.308-.334-.668M14%204V2m4%202V2m-8%202V2M6%204V2m8%2020v-2m4%202v-2m-8%202v-2m-4%202v-2%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/prayer-rug-02.svg?color=%231a73e8&size=48