outline
3d
MIT
16 simpul vektor
1. Warna
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
2. Latar kanvas dan transformasi
3. Preset animasi vektor langsung
Termasuk dalam ekspor SVG
matahari - Ikon vektor dan 3D
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. matahari - Gratis untuk penggunaan komersial dan pribadi. Tanpa Daftar Akun | 100% Diproses di Browser Anda
Unduhan instan vektor dan resolusi tinggi
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
sun.svg (2,577 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Sun 3D icon" width="36" height="36"><title>Sun</title><defs><radialGradient id="nx30618_sun-1" cx="0.5" cy="0.5" r="0.75" fx="0.36" fy="0.3"><stop offset="0" stop-color="#feefc8"/><stop offset="0.3" stop-color="#fccc50"/><stop offset="0.7" stop-color="#fbbf24"/><stop offset="1" stop-color="#7e6012"/></radialGradient><radialGradient id="nx30618_sun-2" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#fff" stop-opacity="0.7"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path d="M114.55,39.06L128,8L141.45,39.06Z" fill="#f59e0b" stroke="#f59e0b" stroke-width="6" stroke-linejoin="round"/><path d="M158.82,43.71L186,23.54L182.12,57.17Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="6" stroke-linejoin="round"/><path d="M194.83,69.88L228.46,66L208.29,93.18Z" fill="#f59e0b" stroke="#f59e0b" stroke-width="6" stroke-linejoin="round"/><path d="M212.94,110.55L244,124L212.94,137.45Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="6" stroke-linejoin="round"/><path d="M208.29,154.82L228.46,182L194.83,178.12Z" fill="#f59e0b" stroke="#f59e0b" stroke-width="6" stroke-linejoin="round"/><path d="M182.12,190.83L186,224.46L158.82,204.29Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="6" stroke-linejoin="round"/><path d="M141.45,208.94L128,240L114.55,208.94Z" fill="#f59e0b" stroke="#f59e0b" stroke-width="6" stroke-linejoin="round"/><path d="M97.18,204.29L70,224.46L73.88,190.83Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="6" stroke-linejoin="round"/><path d="M61.17,178.12L27.54,182L47.71,154.82Z" fill="#f59e0b" stroke="#f59e0b" stroke-width="6" stroke-linejoin="round"/><path d="M43.06,137.45L12,124L43.06,110.55Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="6" stroke-linejoin="round"/><path d="M47.71,93.18L27.54,66L61.17,69.88Z" fill="#f59e0b" stroke="#f59e0b" stroke-width="6" stroke-linejoin="round"/><path d="M73.88,57.17L70,23.54L97.18,43.71Z" fill="#fbbf24" stroke="#fbbf24" stroke-width="6" stroke-linejoin="round"/><circle cx="128" cy="124" r="74" fill="url(#nx30618_sun-1)"/><ellipse cx="106" cy="118" rx="6" ry="9" fill="#78350f"/><ellipse cx="150" cy="118" rx="6" ry="9" fill="#78350f"/><path d="M106,144Q128,162 150,144" fill="none" stroke="#78350f" stroke-width="6" stroke-linecap="round"/><circle cx="92" cy="140" r="9" fill="#f87171" opacity=".4"/><circle cx="164" cy="140" r="9" fill="#f87171" opacity=".4"/><ellipse cx="98" cy="84" rx="22" ry="10" transform="rotate(-38 98 84)" fill="url(#nx30618_sun-2)"/></svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? matahari
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. matahari
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#sun
#3d
#svg
#icons
#matahari svg
#matahari icon
#matahari 3d vector icons
#matahari react tsx
#matahari vue
#matahari png
Populer dalam bahasa Anda
ikon svg gratis
unduh ikon vektor gratis
konversi svg ke png online
editor svg gratis di browser
ikon 3d svg
optimasi file svg
komponen react svg
animasi svg dengan css
ikon penggunaan komersial
perpustakaan ikon svg
matahari - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. matahari
| Pengenal aset kanonis | 3d-svg-icons/sun |
|---|---|
| Paket perpustakaan sumber | 3D Vector Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 256 256" |
| Ukuran tanpa kompresi | 2,577 bytes (~1,417 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | MIT - Gratis untuk penggunaan komersial |
| Format ekspor yang didukung | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Jaminan keamanan dan privasi | Tanpa Daftar Akun | 100% Diproses di Browser Anda |
Cara memakai dan menyesuaikan ikon ini: matahari
- Sesuaikan secara visual: Warna, Otomatis (garis dan isian), Ketebalan garis (
0.5px-4px), Preset animasi vektor langsung - Unduh vektor atau gambar: Unduh SVG, PNG (transparan), WebP (dioptimalkan) (
2048x2048 px) - Salin kode framework: Salin kode siap pakai untuk React, Next.js, Vue 3, Svelte, Angular, HTML, dan mask CSS.
- Pengeditan vektor mendalam: Edit di editor SVG (76,166)
Tips aksesibilitas (WCAG 2.1): Sembunyikan ikon dekoratif dengan aria-hidden dan focusable false. Beri aria-label yang jelas pada tombol yang hanya berisi ikon. Balik panah secara mendatar untuk bahasa kanan ke kiri.
sun.svg aria-hidden="true" focusable="false"
Kecocokan di perpustakaan lain ("sun")
Bandingkan ikon ini dengan perpustakaan vektor sumber terbuka lainnya.
Lebih banyak di Ikon Vektor 3D
Jelajahi
3d
Brand Whatsapp
3D Vector Icons|brands
3d
Brand Windows
3D Vector Icons|brands
3d
Brand Wire
3D Vector Icons|brands
3d
Bread
3D Vector Icons|3d-icons
3d
tas kerja
3D Vector Icons|3d-icons
3d
kuas
3D Vector Icons|3d-icons
bug
3D Vector Icons|3d-icons
gedung 2
3D Vector Icons|realestate
Bulb
3D Vector Icons|3d-icons
Burger
3D Vector Icons|3d-icons
Cactus
3D Vector Icons|3d-icons
Cake
3D Vector Icons|3d-iconsJelajahi lainnya
Pertanyaan Umum
matahari - Pertanyaan Umum
Apakah ikon SVG matahari gratis untuk penggunaan komersial? +
Ya, ikon matahari dari koleksi 3D Vector Icons berlisensi MIT dan gratis digunakan dalam proyek komersial.
Apakah ikon matahari mempertahankan warna aslinya saat diunduh? +
Ya, matahari mempertahankan warna default kecuali Anda memilih warna baru di editor.
Bagaimana cara menggunakan ikon matahari di React atau Vue? +
Buka tab React TSX atau Vue 3 di halaman ini lalu klik Copy SVG. Tempel komponen ke proyek Anda dan atur gayanya dengan CSS atau Tailwind.
Bisakah saya mengunduh matahari sebagai PNG transparan? +
Ya, pilih ukuran hingga 2048 px lalu klik Unduh PNG.
Bagaimana cara menganimasikan ikon matahari dengan CSS? +
Pilih animasi di editor langsung untuk menyertakan keyframe CSS secara otomatis.
Bisakah saya membuat prompt AI untuk matahari? +
Ya, gunakan generator prompt AI di halaman ini untuk gaya 3D, Kaca, atau Neon.
Bisakah mengubah ukuran ikon matahari tanpa kehilangan kualitas? +
Bisa. Berkas matahari adalah vektor dengan viewBox yang bisa diskalakan, jadi tetap tajam di 16px, 64px, 512px, atau cetak.
Ke mana melaporkan masalah pada berkas matahari? +
Kirim ke support@svgnexus.com dengan alamat ikon. Pertanyaan lisensi tentang matahari ke legal@svgnexus.com.
100% Diproses di Browser Anda | 76,166 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.