monas icon

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

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

Use the monas 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="M13 7c.5-.5 1-1.385 1-2c0-1.38-2-3-2-3s-2 1.62-2 3c0 .615.5 1.5 1 2M9.5 7h5M11 7L9 17m4-10l2 10m-7.578 3.101C6.752 18.745 5.659 17.33 5 17h14c-.66.33-1.753 1.745-2.422 3.101c-.525 1.065-.787 1.597-1.03 1.748C15.306 22 14.87 22 14 22h-4c-.87 0-1.306 0-1.548-.15c-.243-.152-.505-.684-1.03-1.749M12 22v-2"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsMonas(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="M13 7c.5-.5 1-1.385 1-2c0-1.38-2-3-2-3s-2 1.62-2 3c0 .615.5 1.5 1 2M9.5 7h5M11 7L9 17m4-10l2 10m-7.578 3.101C6.752 18.745 5.659 17.33 5 17h14c-.66.33-1.753 1.745-2.422 3.101c-.525 1.065-.787 1.597-1.03 1.748C15.306 22 14.87 22 14 22h-4c-.87 0-1.306 0-1.548-.15c-.243-.152-.505-.684-1.03-1.749M12 22v-2"/></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="M13 7c.5-.5 1-1.385 1-2c0-1.38-2-3-2-3s-2 1.62-2 3c0 .615.5 1.5 1 2M9.5 7h5M11 7L9 17m4-10l2 10m-7.578 3.101C6.752 18.745 5.659 17.33 5 17h14c-.66.33-1.753 1.745-2.422 3.101c-.525 1.065-.787 1.597-1.03 1.748C15.306 22 14.87 22 14 22h-4c-.87 0-1.306 0-1.548-.15c-.243-.152-.505-.684-1.03-1.749M12 22v-2"/></svg>
</template>

CSS

.icon-monas {
  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%22M13%207c.5-.5%201-1.385%201-2c0-1.38-2-3-2-3s-2%201.62-2%203c0%20.615.5%201.5%201%202M9.5%207h5M11%207L9%2017m4-10l2%2010m-7.578%203.101C6.752%2018.745%205.659%2017.33%205%2017h14c-.66.33-1.753%201.745-2.422%203.101c-.525%201.065-.787%201.597-1.03%201.748C15.306%2022%2014.87%2022%2014%2022h-4c-.87%200-1.306%200-1.548-.15c-.243-.152-.505-.684-1.03-1.749M12%2022v-2%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%22M13%207c.5-.5%201-1.385%201-2c0-1.38-2-3-2-3s-2%201.62-2%203c0%20.615.5%201.5%201%202M9.5%207h5M11%207L9%2017m4-10l2%2010m-7.578%203.101C6.752%2018.745%205.659%2017.33%205%2017h14c-.66.33-1.753%201.745-2.422%203.101c-.525%201.065-.787%201.597-1.03%201.748C15.306%2022%2014.87%2022%2014%2022h-4c-.87%200-1.306%200-1.548-.15c-.243-.152-.505-.684-1.03-1.749M12%2022v-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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