solid
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
Material SVG-Icon
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Material - Kostenlos für kommerzielle und private Nutzung. Ohne Anmeldung | 100% im Browser verarbeitet
Sofortiger Vektor- und Hochauflösungs-Download
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
Paket mit Quellenangaben
material.svg (649 B)
Schnelles Kopieren für Entwickler und UI-Frameworks
Live-Code-Ausgabe
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Material icon"><title>Material - IconPark icon</title><desc>Free Material vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 425 bytes.</desc> <path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M24 36C30.6274 36 36 30.6274 36 24" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
KI-Prompt und Vektor-Verbesserung
Möchtest du dieses Symbol verbessern oder umstylen? Material
Erzeuge einen genauen Engineering-Prompt oder verbessere das Symbol direkt auf der Leinwand. Material
Prompt-Generator zu 100% im Browser
Prüfung von Quelle und Lizenz
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Ohne Anmeldung | 100% im Browser verarbeitet
Schlagwörter
#material
#iconpark
#interface
#outline
Material - Technische Vektordaten
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Material
| Kanonische Datei-Kennung | iconpark/material |
|---|---|
| Quell-Bibliothekspaket | IconPark |
| Koordinatenraster und viewBox | viewBox="0 0 48 48" |
| Größe unkomprimiert | 649 bytes (~357 bytes gzipped) |
| SPDX-Lizenz und kommerzielle Nutzung | Apache-2.0 - Kostenlos für kommerzielle Nutzung |
| Upstream Source | https://github.com/bytedance/IconPark |
| Unterstützte 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 änderst du dieses Symbol: Material
- Visuell anpassen: Farbe, Automatisch (Strich und Füllung), Strichstärke (
0.5px-4px), Live-Vektoranimationen - Vektor oder Bild herunterladen: SVG herunterladen, PNG (transparent), WebP (optimiert) (
2048x2048 px) - Framework-Code kopieren: Kopiere fertigen Code für React, Next.js, Vue 3, Svelte, Angular, HTML und CSS-Masken.
- Tiefe Vektorbearbeitung: Im SVG-Editor bearbeiten (77.087)
Tipp zur Barrierefreiheit (WCAG 2.1): Blende dekorative Symbole mit aria-hidden und focusable false aus. Gib Symbol-Schaltflächen ein klares aria-label. Spiegele Pfeile für Sprachen von rechts nach links horizontal.
material.svg aria-hidden="true" focusable="false"
Mehr in Benutzeroberfläche (UI/UX)
Ansehensolid
Action Assured Workload
Material Icons|interfacesolid
Action Gif Box
Material Icons|interfaceoutline
Uhr
Bytesize Icons|interfacesolid
Align Vertical Center
MingCute Icons Fill|interfaceoutline
Appstore
MingCute Icons|interface
Smartphone
Bytesize Icons|interface
Kompass
Open Iconic|interface
Dismiss Circle
Fluent UI Color|interface
Cursor Mecha Booster
Mouse|interface
Fast Forward Circle
Fluent UI Color|interface
Video
Bytesize Icons|interface
Cursor Satellite Beam
Mouse|interface
Baby Carriage
MingCute Icons|interface
Cursor Spear Valkyrie
Mouse|interface
Drop Simple
SVG Icons Collection|interface
Rakete
Ant Design TwoTone|interface
Calendar2 Day
Bootstrap Icons|interface
Bike
Tabler Icons|interface
Birthday
MingCute Icons|interface
Mond
Open Iconic|interface
Neu laden
Open Iconic|interface
Googlemeet
SVG Icons Collection|interface
Blueprint
Phosphor Icons|interfaceMehr entdecken
Häufig gestellte Fragen
Material - Häufig gestellte Fragen
Welche Lizenz gilt für Material? +
Material stammt aus IconPark und unterliegt Apache-2.0. Namensnennung: Nennung Pflicht.
In welchen Formaten kann ich Material herunterladen? +
Material ist ein Vektor im outline-Stil (viewBox 0 0 48 48). Laden Sie SVG, PNG, WebP oder ICO herunter oder kopieren Sie React-TSX-, Vue-3-, Svelte-, Tailwind-CSS-, CSS-Mask- oder Base64-Code von dieser Seite.
Woher stammt das Symbol Material? +
Material ist Teil der Bibliothek IconPark von ByteDance Inc. in der Kategorie Benutzeroberfläche (UI/UX). Der vollständige Lizenztext steht in der auf dieser Seite verlinkten Lizenzdatei der Bibliothek.
100% im Browser verarbeitet | 77.087 Symbole
SVG-Editor
Bearbeite Pfade, Ebenen, Farben und Animationen im Browser und exportiere sauberes SVG, PNG oder Framework-Code.