lunacy logo
lunacy from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- lunacy
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the lunacy logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.031 6h-6v12h11.996v-6l-5.996 5.996Zm6.563 2.309a4.01 4.01 0 0 1-2.371-2.375a4.03 4.03 0 0 1-2.375 2.375a4.04 4.04 0 0 1 2.375 2.375a4.01 4.01 0 0 1 2.37-2.375ZM0 9.602c0-3.364 0-5.043.652-6.325A6.04 6.04 0 0 1 3.277.652C4.56 0 6.238 0 9.602 0h4.796c3.364 0 5.043 0 6.325.652a6.04 6.04 0 0 1 2.625 2.625C24 4.56 24 6.238 24 9.602v4.796c0 3.364 0 5.043-.652 6.325a6.04 6.04 0 0 1-2.625 2.625C19.44 24 17.762 24 14.398 24H9.602c-3.364 0-5.043 0-6.325-.652a6.04 6.04 0 0 1-2.625-2.625C0 19.44 0 17.762 0 14.398Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsLunacy(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="M12.031 6h-6v12h11.996v-6l-5.996 5.996Zm6.563 2.309a4.01 4.01 0 0 1-2.371-2.375a4.03 4.03 0 0 1-2.375 2.375a4.04 4.04 0 0 1 2.375 2.375a4.01 4.01 0 0 1 2.37-2.375ZM0 9.602c0-3.364 0-5.043.652-6.325A6.04 6.04 0 0 1 3.277.652C4.56 0 6.238 0 9.602 0h4.796c3.364 0 5.043 0 6.325.652a6.04 6.04 0 0 1 2.625 2.625C24 4.56 24 6.238 24 9.602v4.796c0 3.364 0 5.043-.652 6.325a6.04 6.04 0 0 1-2.625 2.625C19.44 24 17.762 24 14.398 24H9.602c-3.364 0-5.043 0-6.325-.652a6.04 6.04 0 0 1-2.625-2.625C0 19.44 0 17.762 0 14.398Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.031 6h-6v12h11.996v-6l-5.996 5.996Zm6.563 2.309a4.01 4.01 0 0 1-2.371-2.375a4.03 4.03 0 0 1-2.375 2.375a4.04 4.04 0 0 1 2.375 2.375a4.01 4.01 0 0 1 2.37-2.375ZM0 9.602c0-3.364 0-5.043.652-6.325A6.04 6.04 0 0 1 3.277.652C4.56 0 6.238 0 9.602 0h4.796c3.364 0 5.043 0 6.325.652a6.04 6.04 0 0 1 2.625 2.625C24 4.56 24 6.238 24 9.602v4.796c0 3.364 0 5.043-.652 6.325a6.04 6.04 0 0 1-2.625 2.625C19.44 24 17.762 24 14.398 24H9.602c-3.364 0-5.043 0-6.325-.652a6.04 6.04 0 0 1-2.625-2.625C0 19.44 0 17.762 0 14.398Z"/></svg> </template>
CSS
.icon-lunacy {
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%22M12.031%206h-6v12h11.996v-6l-5.996%205.996Zm6.563%202.309a4.01%204.01%200%200%201-2.371-2.375a4.03%204.03%200%200%201-2.375%202.375a4.04%204.04%200%200%201%202.375%202.375a4.01%204.01%200%200%201%202.37-2.375ZM0%209.602c0-3.364%200-5.043.652-6.325A6.04%206.04%200%200%201%203.277.652C4.56%200%206.238%200%209.602%200h4.796c3.364%200%205.043%200%206.325.652a6.04%206.04%200%200%201%202.625%202.625C24%204.56%2024%206.238%2024%209.602v4.796c0%203.364%200%205.043-.652%206.325a6.04%206.04%200%200%201-2.625%202.625C19.44%2024%2017.762%2024%2014.398%2024H9.602c-3.364%200-5.043%200-6.325-.652a6.04%206.04%200%200%201-2.625-2.625C0%2019.44%200%2017.762%200%2014.398Z%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%22M12.031%206h-6v12h11.996v-6l-5.996%205.996Zm6.563%202.309a4.01%204.01%200%200%201-2.371-2.375a4.03%204.03%200%200%201-2.375%202.375a4.04%204.04%200%200%201%202.375%202.375a4.01%204.01%200%200%201%202.37-2.375ZM0%209.602c0-3.364%200-5.043.652-6.325A6.04%206.04%200%200%201%203.277.652C4.56%200%206.238%200%209.602%200h4.796c3.364%200%205.043%200%206.325.652a6.04%206.04%200%200%201%202.625%202.625C24%204.56%2024%206.238%2024%209.602v4.796c0%203.364%200%205.043-.652%206.325a6.04%206.04%200%200%201-2.625%202.625C19.44%2024%2017.762%2024%2014.398%2024H9.602c-3.364%200-5.043%200-6.325-.652a6.04%206.04%200%200%201-2.625-2.625C0%2019.44%200%2017.762%200%2014.398Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/lunacy.svg?color=%231a73e8&size=48
