Ikon Sunshine
thesvg-color:sunshine
Ikon Sunshine (thesvg-color:sunshine) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 256 × 256. 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
- 256 × 256
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#fdd107" d="M118.769 20.712s-63.833 26-74.333 83.833s37.166 91.5 86.333 75.334s70.333-51 81.833-87c0 0-9.333 100.5-96.166 115.5s-118.167-50-82.167-119.834c10-21.5 46.25-58.916 84.5-67.833"/><path fill="#f89a1c" d="M118.769 20.712s-41.125 3.667-83.25 61.042s-28.125 139.125 34.25 149.375s115.875-44.875 133.5-82.375s15.167-61.459 9.75-77.875c0 0 .667 36.416-13.333 59.666s-29.75 46.334-65.084 62.167s-74.166 13.75-95.416-19.25s-5.917-76.083-.292-85.333s33.5-54.334 79.875-67.417"/><path fill="#ef3e23" d="M73.019 39.629s38.125-28.125 76.875-28.125s63 28.25 68.5 52.25s6 54.125-11.5 87.625s-37.375 56-79.125 76.125s-84.625 2.75-84.625 2.75s25.977 25.875 71.05 16.5c45.075-9.375 82.242-40.875 98.408-69.5s28.792-57.375 27.667-92.25s-23.75-54.5-31.25-60.25S185.83 6.94 150.83 8.19S86.456 29.816 73.02 39.63"/><path fill="#f26222" d="M73.019 39.629s35-32.813 82.437-32.813s69.188 24.813 78.875 44.688s21.813 70-12.187 123s-74.625 67.375-93.625 71.625s-42.431 4.269-59.112-1.23c0 0 35.195 8.396 66.779-7.437s51.666-32.167 74.083-68.833s25.917-72.75 22.167-93.917s-12.167-42.417-36.5-56.333s-56.73-10.532-74.48-4.532S91.988 26.41 73.02 39.63"/></svg>Cara memakai ikon Sunshine
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sunshine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sunshine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sunshine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sunshine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sunshine"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sunshine"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Ikon Sunshine" width="24" height="24">Ikon Sunshine di set ikon lain
FAQ Ikon Sunshine
Apakah ikon Sunshine 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 Sunshine di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:sunshine" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sunshine ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="Ikon Sunshine">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.