Monday Icon icon
logos:monday-icon
The Monday Icon icon (logos:monday-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 156 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 156
- Tags
- mondayicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="156" 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>How to use the Monday Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:monday-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:monday-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:monday-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--monday-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:monday-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:monday-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/monday-icon.svg" alt="Monday Icon icon" width="24" height="24">Related icons in SVG Logos
Monday Icon icon FAQ
Is the Monday Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Monday Icon icon in React?
Install @iconify/react and render <Icon icon="logos:monday-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Monday Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/monday-icon.svg" alt="Monday Icon icon">, or paste the SVG code inline to style it with CSS.