Иконка Monday Dark
thesvg-color:monday-dark
Иконка Monday Dark (thesvg-color:monday-dark) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 467 × 47. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 467 × 47
- Теги
- mondaydark
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="467" height="47" viewBox="0 0 467 47"><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero" transform="translate(0 1.292)scale(3.69565)"><path fill="#f62b54" d="M2.62 12.627a2.63 2.63 0 0 1-2.292-1.33A2.54 2.54 0 0 1 .4 8.679l4.72-7.412A2.63 2.63 0 0 1 7.45.001a2.63 2.63 0 0 1 2.255 1.39a2.54 2.54 0 0 1-.142 2.614l-4.717 7.412a2.63 2.63 0 0 1-2.226 1.21"/><path fill="#fc0" d="M10.716 12.627A2.62 2.62 0 0 1 8.428 11.3A2.54 2.54 0 0 1 8.5 8.689l4.711-7.395A2.63 2.63 0 0 1 15.543.001c.96.021 1.83.558 2.27 1.398c.437.84.373 1.847-.17 2.626l-4.71 7.395a2.63 2.63 0 0 1-2.217 1.207"/><ellipse cx="18.631" cy="10.31" fill="#00ca72" rx="2.43" ry="2.379"/></g><path fill="#333" fill-rule="nonzero" d="M458.989 31.112c2.712 0 4.335 1.93 4.335 5.09V47.03h3.684V35.954c0-5.374-2.531-8.49-7.291-8.49c-1.863 0-4.82.51-6.582 3.937a6.04 6.04 0 0 0-4.941-3.733a8.5 8.5 0 0 0-2.07-.122c-1.515.122-4.213 1.064-5.222 3.2v-2.87h-3.688V47.03h3.688V36.693c0-4.021 2.631-5.58 5.266-5.58c2.47 0 4.092 1.888 4.092 5.048V47.03h3.666V36.693c0-3.2 1.921-5.618 5.063-5.58M423.677 43.83a6.06 6.06 0 0 0 4.49-1.855a6.25 6.25 0 0 0 1.748-4.583c0-3.858-2.838-6.279-6.238-6.279c-3.404 0-6.239 2.421-6.239 6.28a6.23 6.23 0 0 0 1.737 4.57a6.07 6.07 0 0 0 4.472 1.867zm0 3.592c-5.389 0-9.886-3.98-9.886-10.052s4.497-9.926 9.886-9.926s9.923 3.854 9.923 9.926s-4.56 10.07-9.95 10.07zM394.814 37.37l-.037.022c0-6.072 4.616-9.926 10.04-9.948a9.74 9.74 0 0 1 7.292 3.074l-2.794 2.38a6.3 6.3 0 0 0-4.497-1.803c-3.4 0-6.357 2.42-6.357 6.275c0 2.606 1.549 4.952 3.925 5.95a6.3 6.3 0 0 0 6.93-1.397l2.834 2.38a9.8 9.8 0 0 1-7.332 3.12c-5.385 0-10.004-3.98-10.004-10.053m-11.8 5.983a2.55 2.55 0 0 1 2.52-2.58a2.55 2.55 0 0 1 2.52 2.58a2.55 2.55 0 0 1-2.52 2.421a2.55 2.55 0 0 1-2.52-2.42"/><path fill="#333" d="M393.095 3.524h-13.123l-9.199 23.715l-9.15-23.715H348.5l15.954 37.474l-9.923 24.776h13.027zm-79.811 20.844c0 5.987 5.233 9.926 10.374 9.926c5.052 0 10.015-3.666 10.015-9.93s-4.963-9.934-10.015-9.934c-5.141 0-10.374 3.944-10.374 9.934zm20.389 20.925V40.55c-2.661 4.028-8.87 5.551-12.055 5.551c-10.548 0-21.099-8.315-21.099-21.738c0-13.419 10.548-21.734 21.099-21.734c2.657 0 8.866.887 12.055 5.544V3.539h12.232V45.3l-12.232-.004zm-36.635 0h-12.233v-5.189c-2.043 3.843-7 6.083-12.144 6.083c-10.64 0-20.037-8.496-20.037-21.653c0-13.404 9.398-21.911 20.037-21.911c5.137 0 10.108 2.143 12.144 5.99v-27.839h12.233zm-12.499-21.021c0-6.26-4.52-9.93-9.572-9.93c-5.233 0-9.579 3.935-9.579 9.93c0 6.186 4.346 10.104 9.576 10.104c5.148.007 9.575-4.11 9.575-10.104m-62.16-1.08c0-6.348 3.281-8.496 7.623-8.496c4.165 0 7.181 2.772 7.181 8.316v22.273h12.321V20.332c0-11.892-5.853-17.71-15.163-17.71c-4.874 0-9.749 2.772-11.966 6.978V3.524H210.06v41.761h12.317zm-37.338 22.81c-11.7 0-21.46-8.585-21.46-21.734c0-13.156 9.749-21.656 21.46-21.656s21.546 8.5 21.546 21.656c0 13.157-9.845 21.738-21.546 21.738zm0-12.158c5.137 0 9.398-3.763 9.398-9.572c0-5.636-4.257-9.483-9.398-9.483a9.12 9.12 0 0 0-6.66 2.738a9.3 9.3 0 0 0-2.65 6.745c.005 5.817 4.258 9.572 9.31 9.572M141.491 14.7c3.633 0 6.827 2.864 6.827 8.315v22.278h12.232V21.574c0-12.61-6.131-18.959-15.958-18.959c-2.92 0-8.418.887-12.41 7.421c-2.306-4.83-6.737-7.336-13.286-7.336a11.84 11.84 0 0 0-10.813 6.889v-6.06H95.754v41.76h12.318V23.193c0-6.35 3.459-8.497 7.18-8.497c3.548 0 6.734 2.772 6.826 8.05v22.543H134.4V23.193c0-6.072 3.193-8.49 7.092-8.49z"/></g></svg>Как использовать иконку Monday Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:monday-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:monday-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:monday-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--monday-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:monday-dark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:monday-dark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/monday-dark.svg" alt="Иконка Monday Dark" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Monday Dark
Можно ли бесплатно использовать иконку Monday Dark в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Monday Dark в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:monday-dark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Monday Dark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/monday-dark.svg" alt="Иконка Monday Dark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.