Ikon Monday
logos:monday
Ikon Monday (logos:monday) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 95. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 95
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="95" viewBox="0 0 512 95"><g transform="translate(0 22.494)"><path fill="#f62b54" d="M10.615 51.161a10.66 10.66 0 0 1-9.286-5.389a10.3 10.3 0 0 1 .291-10.607l19.124-30.03a10.66 10.66 0 0 1 9.44-5.13a10.64 10.64 0 0 1 9.137 5.632a10.3 10.3 0 0 1-.575 10.59L19.634 46.26a10.66 10.66 0 0 1-9.02 4.902"/><path fill="#fc0" d="M43.417 51.161c-3.857 0-7.406-2.062-9.27-5.377a10.27 10.27 0 0 1 .292-10.578L53.526 5.244a10.65 10.65 0 0 1 9.448-5.24c3.89.086 7.415 2.262 9.198 5.665a10.27 10.27 0 0 1-.69 10.64L52.4 46.27a10.64 10.64 0 0 1-8.983 4.89"/><ellipse cx="75.486" cy="41.773" fill="#00ca72" rx="9.846" ry="9.639"/></g><path fill="#333" d="M503.203 55.188c2.974 0 4.752 2.115 4.752 5.579v11.871h4.04V60.495c0-5.89-2.776-9.306-7.994-9.306c-2.042 0-5.284.559-7.216 4.315a6.62 6.62 0 0 0-5.417-4.093a9.3 9.3 0 0 0-2.27-.133c-1.66.133-4.618 1.167-5.724 3.508v-3.148h-4.044v21h4.044V61.306c0-4.409 2.885-6.118 5.773-6.118c2.707 0 4.486 2.07 4.486 5.534v11.916h4.019V61.306c0-3.51 2.107-6.159 5.55-6.118m-38.714 13.941a6.65 6.65 0 0 0 4.923-2.034a6.85 6.85 0 0 0 1.916-5.024c0-4.23-3.111-6.883-6.839-6.883c-3.731 0-6.84 2.653-6.84 6.883a6.83 6.83 0 0 0 1.905 5.012a6.65 6.65 0 0 0 4.903 2.046zm0 3.938c-5.907 0-10.838-4.363-10.838-11.02s4.93-10.883 10.838-10.883s10.879 4.226 10.879 10.883s-5 11.04-10.907 11.04zm-31.643-11.02l-.04.024c0-6.657 5.06-10.882 11.007-10.907a10.68 10.68 0 0 1 7.994 3.371l-3.063 2.61a6.9 6.9 0 0 0-4.93-1.978c-3.728 0-6.97 2.654-6.97 6.88c0 2.856 1.698 5.43 4.304 6.523a6.91 6.91 0 0 0 7.596-1.531l3.108 2.609a10.74 10.74 0 0 1-8.039 3.42c-5.903 0-10.967-4.364-10.967-11.021m-12.937 6.56a2.796 2.796 0 0 1 2.763-2.828a2.796 2.796 0 0 1 2.763 2.828a2.796 2.796 0 0 1-2.763 2.653a2.796 2.796 0 0 1-2.763-2.653m11.054-43.665h-14.388l-10.084 26l-10.032-26H382.07l17.491 41.084l-10.878 27.162h14.282zm-87.5 22.851c0 6.564 5.737 10.883 11.373 10.883c5.539 0 10.98-4.02 10.98-10.887s-5.441-10.89-10.98-10.89c-5.636 0-11.373 4.323-11.373 10.89zm22.353 22.94v-5.198c-2.917 4.417-9.724 6.086-13.216 6.086c-11.564 0-23.131-9.116-23.131-23.832c0-14.711 11.563-23.828 23.13-23.828c2.914 0 9.72.973 13.217 6.078v-5.08h13.411v45.783l-13.41-.004zm-40.164 0h-13.41v-5.688c-2.241 4.214-7.675 6.67-13.315 6.67c-11.664 0-21.968-9.316-21.968-23.74c0-14.695 10.304-24.022 21.968-24.022c5.632 0 11.082 2.35 13.314 6.568V0h13.411zm-13.703-23.045c0-6.864-4.955-10.887-10.493-10.887c-5.737 0-10.502 4.315-10.502 10.887c0 6.782 4.765 11.077 10.498 11.077c5.644.008 10.497-4.505 10.497-11.077M243.8 46.505c0-6.96 3.598-9.315 8.358-9.315c4.566 0 7.873 3.039 7.873 9.116v24.42h13.508V43.369c0-13.038-6.418-19.416-16.624-19.416c-5.344 0-10.688 3.04-13.12 7.65v-6.661h-13.5v45.784H243.8zm-40.934 25.007c-12.828 0-23.528-9.412-23.528-23.828c0-14.424 10.688-23.743 23.528-23.743s23.62 9.319 23.62 23.743s-10.793 23.832-23.62 23.832zm0-13.33c5.632 0 10.303-4.125 10.303-10.494c0-6.179-4.667-10.397-10.303-10.397a10 10 0 0 0-7.301 3.003a10.18 10.18 0 0 0-2.905 7.394c.004 6.377 4.667 10.494 10.206 10.494M155.12 37.194c3.983 0 7.484 3.14 7.484 9.116v24.424h13.41V44.73c0-13.824-6.721-20.785-17.495-20.785c-3.2 0-9.23.973-13.605 8.136c-2.528-5.296-7.386-8.043-14.566-8.043a12.98 12.98 0 0 0-11.855 7.553v-6.645h-13.516V70.73h13.504V46.505c0-6.96 3.792-9.315 7.872-9.315c3.89 0 7.383 3.039 7.484 8.825V70.73h13.508V46.505c0-6.657 3.5-9.307 7.775-9.307z"/></svg>Cara memakai ikon Monday
React
import { Icon } from "@iconify/react";
<Icon icon="logos:monday" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:monday" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:monday" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--monday]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:monday"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:monday"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/monday.svg" alt="Ikon Monday" width="24" height="24">Ikon terkait di SVG Logos
Ikon Monday di set ikon lain
FAQ Ikon Monday
Apakah ikon Monday gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Monday di React?
Pasang @iconify/react lalu render <Icon icon="logos:monday" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Monday ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/monday.svg" alt="Ikon Monday">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.