Ikon Midday
thesvg-color:midday
Ikon Midday (thesvg-color:midday) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 400 × 400. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 400 × 400
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><g fill="none"><rect width="400" height="400" fill="#141414" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M193.565 64c-20.558.879-39.939 6.3-57.166 15.287l57.166 99.014zm0 158.705l-57.163 99.01c17.226 8.985 36.606 14.406 57.163 15.285zm11.881 114.294v-114.36l57.19 99.057c-17.232 8.995-36.622 14.423-57.19 15.303m0-158.632V64c20.569.881 39.96 6.31 57.193 15.305zm-121.19 95.551l99.034-57.178l-57.172 99.027a137.4 137.4 0 0 1-41.862-41.849m230.51-146.803l-99.017 57.167l57.172-99.025a137.4 137.4 0 0 1 41.845 41.858M84.245 127.1a137.4 137.4 0 0 1 41.87-41.865l57.192 99.058zm-5.95 10.284C69.302 154.619 63.876 174.012 63 194.583h114.367zm.01 126.251c-8.993-17.227-14.42-36.611-15.303-57.172H177.33zm143.364-69.052h114.332c-.876-20.565-6.298-39.953-15.287-57.184zm99.035 69.037l-98.998-57.157h114.293c-.882 20.555-6.307 39.934-15.295 57.157m-104.939-46.868l57.153 98.992a137.3 137.3 0 0 0 41.836-41.841z" clip-rule="evenodd"/></g></svg>Cara memakai ikon Midday
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:midday" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:midday" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:midday" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--midday]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:midday"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:midday"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/midday.svg" alt="Ikon Midday" width="24" height="24">FAQ Ikon Midday
Apakah ikon Midday gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Midday di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:midday" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Midday ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/midday.svg" alt="Ikon Midday">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.