Ikon Sun Broken

solar:sun-broken

Ikon Sun Broken (solar:sun-broken) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Cuaca
Tag: sunbroken

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M12 2V3"/><path d="M12 21V22"/><path d="M22 12L21 12"/><path d="M3 12L2 12"/><path d="M19.0708 4.92969L18.678 5.32252"/><path d="M5.32178 18.6777L4.92894 19.0706"/><path d="M19.0708 19.0703L18.678 18.6775"/><path d="M5.32178 5.32227L4.92894 4.92943"/><path d="M6.34141 10C6.12031 10.6256 6 11.2987 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C11.2987 6 10.6256 6.12031 10 6.34141"/></g></svg>

Cara memakai ikon Sun Broken

React

import { Icon } from "@iconify/react";

<Icon icon="solar:sun-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:sun-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:sun-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sun-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sun-broken"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:sun-broken"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/sun-broken.svg" alt="Ikon Sun Broken" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Sun Broken

Apakah ikon Sun Broken gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Sun Broken di React?

Pasang @iconify/react lalu render <Icon icon="solar:sun-broken" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Sun Broken ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/sun-broken.svg" alt="Ikon Sun Broken">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →