monday icon logo

monday-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
monday-icon
Set
SVG Logos
Style
Color
Viewbox
256×156
License
CC0

Use the monday icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 156"><path fill="#f62b54" d="M31.846 153.489a31.97 31.97 0 0 1-27.86-16.167a30.91 30.91 0 0 1 .875-31.823l57.373-90.096A31.99 31.99 0 0 1 90.556.015a31.93 31.93 0 0 1 27.41 16.896c5.349 10.113 4.68 22.28-1.725 31.774L58.904 138.78a31.98 31.98 0 0 1-27.058 14.709"/><path fill="#fc0" d="M130.256 153.488c-11.572 0-22.22-6.187-27.812-16.13a30.81 30.81 0 0 1 .875-31.737l57.264-89.89A31.94 31.94 0 0 1 188.93.016c11.669.255 22.244 6.782 27.592 16.993a30.81 30.81 0 0 1-2.066 31.92l-57.252 89.889a31.93 31.93 0 0 1-26.948 14.671"/><ellipse cx="226.466" cy="125.324" fill="#00ca72" rx="29.538" ry="28.918"/></svg>

React

import type { SVGProps } from "react";

export function LogosMondayIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 156"><path fill="#f62b54" d="M31.846 153.489a31.97 31.97 0 0 1-27.86-16.167a30.91 30.91 0 0 1 .875-31.823l57.373-90.096A31.99 31.99 0 0 1 90.556.015a31.93 31.93 0 0 1 27.41 16.896c5.349 10.113 4.68 22.28-1.725 31.774L58.904 138.78a31.98 31.98 0 0 1-27.058 14.709"/><path fill="#fc0" d="M130.256 153.488c-11.572 0-22.22-6.187-27.812-16.13a30.81 30.81 0 0 1 .875-31.737l57.264-89.89A31.94 31.94 0 0 1 188.93.016c11.669.255 22.244 6.782 27.592 16.993a30.81 30.81 0 0 1-2.066 31.92l-57.252 89.889a31.93 31.93 0 0 1-26.948 14.671"/><ellipse cx="226.466" cy="125.324" fill="#00ca72" rx="29.538" ry="28.918"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 156"><path fill="#f62b54" d="M31.846 153.489a31.97 31.97 0 0 1-27.86-16.167a30.91 30.91 0 0 1 .875-31.823l57.373-90.096A31.99 31.99 0 0 1 90.556.015a31.93 31.93 0 0 1 27.41 16.896c5.349 10.113 4.68 22.28-1.725 31.774L58.904 138.78a31.98 31.98 0 0 1-27.058 14.709"/><path fill="#fc0" d="M130.256 153.488c-11.572 0-22.22-6.187-27.812-16.13a30.81 30.81 0 0 1 .875-31.737l57.264-89.89A31.94 31.94 0 0 1 188.93.016c11.669.255 22.244 6.782 27.592 16.993a30.81 30.81 0 0 1-2.066 31.92l-57.252 89.889a31.93 31.93 0 0 1-26.948 14.671"/><ellipse cx="226.466" cy="125.324" fill="#00ca72" rx="29.538" ry="28.918"/></svg>
</template>

CSS

.icon-monday-icon {
  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%20256%20156%22%3E%3Cpath%20fill%3D%22%23f62b54%22%20d%3D%22M31.846%20153.489a31.97%2031.97%200%200%201-27.86-16.167a30.91%2030.91%200%200%201%20.875-31.823l57.373-90.096A31.99%2031.99%200%200%201%2090.556.015a31.93%2031.93%200%200%201%2027.41%2016.896c5.349%2010.113%204.68%2022.28-1.725%2031.774L58.904%20138.78a31.98%2031.98%200%200%201-27.058%2014.709%22%2F%3E%3Cpath%20fill%3D%22%23fc0%22%20d%3D%22M130.256%20153.488c-11.572%200-22.22-6.187-27.812-16.13a30.81%2030.81%200%200%201%20.875-31.737l57.264-89.89A31.94%2031.94%200%200%201%20188.93.016c11.669.255%2022.244%206.782%2027.592%2016.993a30.81%2030.81%200%200%201-2.066%2031.92l-57.252%2089.889a31.93%2031.93%200%200%201-26.948%2014.671%22%2F%3E%3Cellipse%20cx%3D%22226.466%22%20cy%3D%22125.324%22%20fill%3D%22%2300ca72%22%20rx%3D%2229.538%22%20ry%3D%2228.918%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%20256%20156%22%3E%3Cpath%20fill%3D%22%23f62b54%22%20d%3D%22M31.846%20153.489a31.97%2031.97%200%200%201-27.86-16.167a30.91%2030.91%200%200%201%20.875-31.823l57.373-90.096A31.99%2031.99%200%200%201%2090.556.015a31.93%2031.93%200%200%201%2027.41%2016.896c5.349%2010.113%204.68%2022.28-1.725%2031.774L58.904%20138.78a31.98%2031.98%200%200%201-27.058%2014.709%22%2F%3E%3Cpath%20fill%3D%22%23fc0%22%20d%3D%22M130.256%20153.488c-11.572%200-22.22-6.187-27.812-16.13a30.81%2030.81%200%200%201%20.875-31.737l57.264-89.89A31.94%2031.94%200%200%201%20188.93.016c11.669.255%2022.244%206.782%2027.592%2016.993a30.81%2030.81%200%200%201-2.066%2031.92l-57.252%2089.889a31.93%2031.93%200%200%201-26.948%2014.671%22%2F%3E%3Cellipse%20cx%3D%22226.466%22%20cy%3D%22125.324%22%20fill%3D%22%2300ca72%22%20rx%3D%2229.538%22%20ry%3D%2228.918%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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