mealie logo

mealie from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
mealie
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the mealie logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.619 13.59L1.444 8.427c-1.925-1.939-1.925-5.063 0-6.989l8.666 8.642zm6.551-.42l8.51 8.49l-1.76 1.74l-8.48-8.48l-8.502 8.48l-1.741-1.74L13.12 9.739l-.25-.272a2.45 2.45 0 0 1 0-3.472L18.23.6l1.14 1.135l-3.99 4.024l1.18 1.161l3.99-4.012l1.15 1.136l-4.01 4l1.15 1.189l4.03-4.017L24 6.377l-5.4 5.353c-.95.96-2.51.96-3.46 0l-.27-.25z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMealie(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="M6.619 13.59L1.444 8.427c-1.925-1.939-1.925-5.063 0-6.989l8.666 8.642zm6.551-.42l8.51 8.49l-1.76 1.74l-8.48-8.48l-8.502 8.48l-1.741-1.74L13.12 9.739l-.25-.272a2.45 2.45 0 0 1 0-3.472L18.23.6l1.14 1.135l-3.99 4.024l1.18 1.161l3.99-4.012l1.15 1.136l-4.01 4l1.15 1.189l4.03-4.017L24 6.377l-5.4 5.353c-.95.96-2.51.96-3.46 0l-.27-.25z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.619 13.59L1.444 8.427c-1.925-1.939-1.925-5.063 0-6.989l8.666 8.642zm6.551-.42l8.51 8.49l-1.76 1.74l-8.48-8.48l-8.502 8.48l-1.741-1.74L13.12 9.739l-.25-.272a2.45 2.45 0 0 1 0-3.472L18.23.6l1.14 1.135l-3.99 4.024l1.18 1.161l3.99-4.012l1.15 1.136l-4.01 4l1.15 1.189l4.03-4.017L24 6.377l-5.4 5.353c-.95.96-2.51.96-3.46 0l-.27-.25z"/></svg>
</template>

CSS

.icon-mealie {
  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%22M6.619%2013.59L1.444%208.427c-1.925-1.939-1.925-5.063%200-6.989l8.666%208.642zm6.551-.42l8.51%208.49l-1.76%201.74l-8.48-8.48l-8.502%208.48l-1.741-1.74L13.12%209.739l-.25-.272a2.45%202.45%200%200%201%200-3.472L18.23.6l1.14%201.135l-3.99%204.024l1.18%201.161l3.99-4.012l1.15%201.136l-4.01%204l1.15%201.189l4.03-4.017L24%206.377l-5.4%205.353c-.95.96-2.51.96-3.46%200l-.27-.25z%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%22M6.619%2013.59L1.444%208.427c-1.925-1.939-1.925-5.063%200-6.989l8.666%208.642zm6.551-.42l8.51%208.49l-1.76%201.74l-8.48-8.48l-8.502%208.48l-1.741-1.74L13.12%209.739l-.25-.272a2.45%202.45%200%200%201%200-3.472L18.23.6l1.14%201.135l-3.99%204.024l1.18%201.161l3.99-4.012l1.15%201.136l-4.01%204l1.15%201.189l4.03-4.017L24%206.377l-5.4%205.353c-.95.96-2.51.96-3.46%200l-.27-.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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