outline
solid
Apache-2.0
1 Vektorknoten
1. Farbe
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
2. Leinwandhintergrund und Transformationen
3. Live-Vektoranimationen
Im SVG-Export enthalten
MingCute Icons Fill
|
Benutzeroberfläche (UI/UX)
|
viewBox="0 0 24 24"
|
Kostenlos fuer kommerzielle Nutzung
Sonne - Vektor- und 3D-Symbole
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Sonne - Kostenlos fuer kommerzielle und private Nutzung. Ohne Anmeldung | 100% im Browser verarbeitet
Sofortiger Vektor- und Hochaufloesungs-Download
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
sun.svg (877 B)
Schnelles Kopieren fuer Entwickler und UI-Frameworks
Live-Code-Ausgabe
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Sun icon"><title>Sun - MingCute Icons Fill icon</title><desc>Free Sun vector icon from the MingCute Icons Fill open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path fill="currentColor" d="M12 19a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m6.364-2.05a1 1 0 1 0-1.414 1.414l.707.707a1 1 0 0 0 1.414-1.414zm-11.314 0a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414M12 6a6 6 0 1 0 0 12 6 6 0 0 0 0-12m8 5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zM3 11a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zm16.071-6.071a1 1 0 0 0-1.414 0l-.707.707a1 1 0 1 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414m-12.728 0a1 1 0 0 0-1.414 1.414l.707.707A1 1 0 1 0 7.05 5.636zM12 2a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1"/></svg>
KI-Prompt und Vektor-Verbesserung
Moechtest du dieses Symbol verbessern oder umstylen? Sonne
Erzeuge einen genauen Engineering-Prompt oder verbessere das Symbol direkt auf der Leinwand. Sonne
Prompt-Generator zu 100% im Browser
Pruefung von Quelle und Lizenz
LICENSE.txt
Library: MingCute Icons Fill | Author: MingCute Design | License: Apache-2.0 | Ohne Anmeldung | 100% im Browser verarbeitet
Schlagwoerter
#sun
#mingcute
#fill
#interface
#solid
#sonne svg
#sonne icon
#sonne mingcute icons fill
#sonne react tsx
#sonne vue
#sonne png
Beliebt in Ihrer Sprache
kostenlose svg icons
vektor icons herunterladen
svg in png umwandeln online
kostenloser svg editor im browser
3d icons svg
svg datei optimieren
react svg komponente
svg mit css animieren
icons für kommerzielle nutzung
svg icon bibliothek
Sonne - Technische Vektordaten
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Sonne
| Kanonische Datei-Kennung | mingcute-fill/sun |
|---|---|
| Quell-Bibliothekspaket | MingCute Icons Fill |
| Koordinatenraster und viewBox | viewBox="0 0 24 24" |
| Groesse unkomprimiert | 877 bytes (~482 bytes gzipped) |
| SPDX-Lizenz und kommerzielle Nutzung | Apache-2.0 - Kostenlos fuer kommerzielle Nutzung |
| Unterstuetzte Exportziele | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Sicherheits- und Datenschutzgarantie | Ohne Anmeldung | 100% im Browser verarbeitet |
So nutzt und aenderst du dieses Symbol: Sonne
- Visuell anpassen: Farbe, Automatisch (Strich und Fuellung), Strichstaerke (
0.5px-4px), Live-Vektoranimationen - Vektor oder Bild herunterladen: SVG herunterladen, PNG (transparent), WebP (optimiert) (
2048x2048 px) - Framework-Code kopieren: Kopiere fertigen Code fuer React, Next.js, Vue 3, Svelte, Angular, HTML und CSS-Masken.
- Tiefe Vektorbearbeitung: Im SVG-Editor bearbeiten (76,166)
Tipp zur Barrierefreiheit (WCAG 2.1): Blende dekorative Symbole mit aria-hidden und focusable false aus. Gib Symbol-Schaltflaechen ein klares aria-label. Spiegele Pfeile fuer Sprachen von rechts nach links horizontal.
sun.svg aria-hidden="true" focusable="false"
Treffer in anderen Bibliotheken ("sun")
Vergleiche dieses Symbol mit anderen Open-Source-Vektorbibliotheken.
Mehr in Benutzeroberfläche (UI/UX)
Ansehen
solid
Line
MingCute Icons Fill|interface
solid
Linear
MingCute Icons Fill|interface
solid
Link 2
MingCute Icons Fill|interface
solid
Link 3
MingCute Icons Fill|interface
solid
Link
MingCute Icons Fill|interface
solid
Linux
MingCute Icons Fill|interface
Lipstick
MingCute Icons Fill|interface
List Check 2
MingCute Icons Fill|interface
List Check 3
MingCute Icons Fill|interface
List Check
MingCute Icons Fill|interface
List Collapse
MingCute Icons Fill|interfaceMehr entdecken
Häufig gestellte Fragen
Sonne - Häufig gestellte Fragen
Ist das Sonne SVG-Icon kostenlos für kommerzielle Nutzung? +
Ja, das Sonne Icon aus der Sammlung MingCute Icons Fill steht unter der Apache-2.0-Lizenz für kommerzielle Websites und Apps bereit.
Behält das Sonne Icon beim Download seine Originalfarben? +
Ja, Sonne behält standardmäßig seine Originalfarben, bis Sie im Editor eine neue Farbe wählen.
Wie nutze ich das Sonne Icon in React oder Vue? +
Wechsle auf dieser Seite zum Tab React TSX oder Vue 3 und klicke auf Copy SVG. Fuege die Komponente in dein Projekt ein und style sie mit CSS oder Tailwind.
Kann ich Sonne als transparentes PNG herunterladen? +
Ja, wählen Sie eine Größe bis 2048 px und klicken Sie auf PNG herunterladen.
Wie animiere ich das Sonne Icon mit CSS? +
Wählen Sie im Live-Editor eine Animation wie Drehen oder Pulsieren, um die CSS-Keyframes einzubetten.
Kann ich einen KI-Prompt für Sonne erstellen? +
Ja, nutzen Sie den KI-Prompt-Generator auf dieser Seite für 3D-, Glas- oder Neon-Stile.
Kann ich das Symbol Sonne ohne Qualitaetsverlust skalieren? +
Ja. Die Datei Sonne ist ein Vektor mit skalierbarem viewBox und bleibt bei 16px, 64px, 512px oder im Druck scharf.
Wo melde ich ein Problem mit der Datei Sonne? +
Schreibe an support@svgnexus.com mit der Symboladresse. Lizenzfragen zu Sonne gehen an legal@svgnexus.com.
100% im Browser verarbeitet | 76,166 Symbole
SVG-Editor
Bearbeite Pfade, Ebenen, Farben und Animationen im Browser und exportiere sauberes SVG, PNG oder Framework-Code.