ketupat icon

ketupat from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
ketupat
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the ketupat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m17.775 9.649l-1.926-1.926C14.034 5.908 13.126 5 12 5c-1.129 0-2.037.908-3.852 2.723L6.22 9.65c-1.815 1.815-2.723 2.723-2.723 3.851s.908 2.036 2.723 3.851l1.926 1.926C9.962 21.092 10.87 22 11.998 22s2.036-.908 3.851-2.723l1.926-1.926c1.815-1.815 2.723-2.723 2.723-3.851s-.908-2.036-2.723-3.851m-1.027-.899l-4.75 4.75m0 0l-4.75 4.75m4.75-4.75l-4.75-4.75m4.75 4.75l4.75 4.75M15 2c-2.4.24-3 2.3-3 3c-.167-.6-1-1.8-3-1.8"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsKetupat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m17.775 9.649l-1.926-1.926C14.034 5.908 13.126 5 12 5c-1.129 0-2.037.908-3.852 2.723L6.22 9.65c-1.815 1.815-2.723 2.723-2.723 3.851s.908 2.036 2.723 3.851l1.926 1.926C9.962 21.092 10.87 22 11.998 22s2.036-.908 3.851-2.723l1.926-1.926c1.815-1.815 2.723-2.723 2.723-3.851s-.908-2.036-2.723-3.851m-1.027-.899l-4.75 4.75m0 0l-4.75 4.75m4.75-4.75l-4.75-4.75m4.75 4.75l4.75 4.75M15 2c-2.4.24-3 2.3-3 3c-.167-.6-1-1.8-3-1.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m17.775 9.649l-1.926-1.926C14.034 5.908 13.126 5 12 5c-1.129 0-2.037.908-3.852 2.723L6.22 9.65c-1.815 1.815-2.723 2.723-2.723 3.851s.908 2.036 2.723 3.851l1.926 1.926C9.962 21.092 10.87 22 11.998 22s2.036-.908 3.851-2.723l1.926-1.926c1.815-1.815 2.723-2.723 2.723-3.851s-.908-2.036-2.723-3.851m-1.027-.899l-4.75 4.75m0 0l-4.75 4.75m4.75-4.75l-4.75-4.75m4.75 4.75l4.75 4.75M15 2c-2.4.24-3 2.3-3 3c-.167-.6-1-1.8-3-1.8"/></svg>
</template>

CSS

.icon-ketupat {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m17.775%209.649l-1.926-1.926C14.034%205.908%2013.126%205%2012%205c-1.129%200-2.037.908-3.852%202.723L6.22%209.65c-1.815%201.815-2.723%202.723-2.723%203.851s.908%202.036%202.723%203.851l1.926%201.926C9.962%2021.092%2010.87%2022%2011.998%2022s2.036-.908%203.851-2.723l1.926-1.926c1.815-1.815%202.723-2.723%202.723-3.851s-.908-2.036-2.723-3.851m-1.027-.899l-4.75%204.75m0%200l-4.75%204.75m4.75-4.75l-4.75-4.75m4.75%204.75l4.75%204.75M15%202c-2.4.24-3%202.3-3%203c-.167-.6-1-1.8-3-1.8%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m17.775%209.649l-1.926-1.926C14.034%205.908%2013.126%205%2012%205c-1.129%200-2.037.908-3.852%202.723L6.22%209.65c-1.815%201.815-2.723%202.723-2.723%203.851s.908%202.036%202.723%203.851l1.926%201.926C9.962%2021.092%2010.87%2022%2011.998%2022s2.036-.908%203.851-2.723l1.926-1.926c1.815-1.815%202.723-2.723%202.723-3.851s-.908-2.036-2.723-3.851m-1.027-.899l-4.75%204.75m0%200l-4.75%204.75m4.75-4.75l-4.75-4.75m4.75%204.75l4.75%204.75M15%202c-2.4.24-3%202.3-3%203c-.167-.6-1-1.8-3-1.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/ketupat.svg?color=%231a73e8&size=48