outline
duotone
MIT
8 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
Lock Shield - Vektor- und 3D-Symbole
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Lock Shield - 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.
fluentui-color-lock-shield-48-color.svg (2,986 B)
Schnelles Kopieren fuer 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="Lock Shield icon"><title>Lock Shield - Fluent UI Color icon</title><desc>Free Lock Shield vector icon from the Fluent UI Color open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M16 12V15H18.5V12C18.5 8.96243 20.9624 6.5 24 6.5C27.0376 6.5 29.5 8.96243 29.5 12V15H32V12C32 7.58172 28.4183 4 24 4C19.5817 4 16 7.58172 16 12Z" fill="url(#nx3441_paint0_linear_72095_9258)"/> <path d="M40 20.25C40 16.7982 37.2018 14 33.75 14H14.25C10.7982 14 8 16.7982 8 20.25V35.75C8 39.2018 10.7982 42 14.25 42H33.75C37.2018 42 40 39.2018 40 35.75V20.25Z" fill="url(#nx3441_paint1_linear_72095_9258)"/> <path d="M27 28C27 29.6569 25.6569 31 24 31C22.3431 31 21 29.6569 21 28C21 26.3431 22.3431 25 24 25C25.6569 25 27 26.3431 27 28Z" fill="url(#nx3441_paint2_radial_72095_9258)"/> <path d="M40 20.25C40 16.7982 37.2018 14 33.75 14H14.25C10.7982 14 8 16.7982 8 20.25V35.75C8 39.2018 10.7982 42 14.25 42H33.75C37.2018 42 40 39.2018 40 35.75V20.25Z" fill="url(#nx3441_paint3_radial_72095_9258)"/> <path d="M41.5556 26.7726C40.6227 26.497 39.697 26.1131 38.7778 25.6201C38.0141 25.2104 37.255 24.7256 36.5 24.165C36.2037 23.945 35.7963 23.945 35.5 24.165C32.6755 26.2622 29.7927 27.3 26.8333 27.3C26.3731 27.3 26 27.6694 26 28.125V33.9C26 35.7087 26.3552 37.3597 27.0599 38.85C27.5268 39.8375 28.1471 40.7545 28.9192 41.6C30.5258 43.3594 32.7893 44.8095 35.6946 45.9426C35.8909 46.0191 36.1092 46.0191 36.3054 45.9426C42.7138 43.4433 46 39.4013 46 33.9V28.125C46 27.6694 45.6269 27.3 45.1667 27.3C43.9505 27.3 42.7472 27.1247 41.5556 26.7726Z" fill="url(#nx3441_paint4_linear_72095_9258)"/> <defs> <linearGradient id="nx3441_paint0_linear_72095_9258" x1="19.4286" y1="1.89851" x2="31.6698" y2="22.1132" gradientUnits="userSpaceOnUse"> <stop stop-color="#FFC205"/> <stop offset="1" stop-color="#FB5937"/> </linearGradient> <linearGradient id="nx3441_paint1_linear_72095_9258" x1="42.2857" y1="43.75" x2="13.084" y2="16.5556" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF6F47"/> <stop offset="1" stop-color="#FFCD0F"/> </linearGradient> <radialGradient id="nx3441_paint2_radial_72095_9258" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.5 31) rotate(-105.945) scale(10.9202 15.1517)"> <stop stop-color="#944600"/> <stop offset="1" stop-color="#CD8E02"/> </radialGradient> <radialGradient id="nx3441_paint3_radial_72095_9258" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.2857 36.1667) rotate(150.441) scale(11.8247 12.9561)"> <stop stop-color="#EB4824"/> <stop offset="0.989901" stop-color="#EB4824" stop-opacity="0"/> </radialGradient> <linearGradient id="nx3441_paint4_linear_72095_9258" x1="29.75" y1="24" x2="46.0262" y2="45.2299" gradientUnits="userSpaceOnUse"> <stop stop-color="#62BE55"/> <stop offset="1" stop-color="#1E794A"/> </linearGradient> </defs> </svg>
KI-Prompt und Vektor-Verbesserung
Moechtest du dieses Symbol verbessern oder umstylen? Lock Shield
Erzeuge einen genauen Engineering-Prompt oder verbessere das Symbol direkt auf der Leinwand. Lock Shield
Prompt-Generator zu 100% im Browser
Pruefung von Quelle und Lizenz
LICENSE.txt
Library: Fluent UI Color | Author: Microsoft Corporation | License: MIT | Ohne Anmeldung | 100% im Browser verarbeitet
Schlagwoerter
#fluentui
#color
#lock
#shield
#48
#security
#duotone
#lock shield svg
#lock shield icon
#lock shield fluent ui color
#lock shield react tsx
#lock shield vue
#lock shield 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
Lock Shield - Technische Vektordaten
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Lock Shield
| Kanonische Datei-Kennung | fluentui-color/fluentui-color-lock-shield-48-color |
|---|---|
| Quell-Bibliothekspaket | Fluent UI Color |
| Koordinatenraster und viewBox | viewBox="0 0 48 48" |
| Groesse unkomprimiert | 2,986 bytes (~1,642 bytes gzipped) |
| SPDX-Lizenz und kommerzielle Nutzung | MIT - 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: Lock Shield
- 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.
fluentui-color-lock-shield-48-color.svg aria-hidden="true" focusable="false"
Mehr in Sicherheit & Schutz
Ansehen
outline
Outlined Device Device Screen Lock Portrait
Material Icons|security
outline
Outlined Device Device Screen Lock Rotation
Material Icons|security
outline
Outlined Home Home Shield Moon
Material Icons|security
outline
Payments Lock 01
Domain Icons|security
outline
Payments Lock 02
Domain Icons|security
Payments Lock 03
Domain Icons|security
Payments Lock 04
Domain Icons|security
Payments Lock 05
Domain Icons|security
Payments Lock 06
Domain Icons|security
Payments Lock 07
Domain Icons|security
Payments Lock 08
Domain Icons|securityMehr entdecken
Häufig gestellte Fragen
Lock Shield - Häufig gestellte Fragen
Ist das Lock Shield SVG-Icon kostenlos für kommerzielle Nutzung? +
Ja, das Lock Shield Icon aus der Sammlung Fluent UI Color steht unter der MIT-Lizenz für kommerzielle Websites und Apps bereit.
Behält das Lock Shield Icon beim Download seine Originalfarben? +
Ja, Lock Shield behält standardmäßig seine Originalfarben, bis Sie im Editor eine neue Farbe wählen.
Wie nutze ich das Lock Shield 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 Lock Shield als transparentes PNG herunterladen? +
Ja, wählen Sie eine Größe bis 2048 px und klicken Sie auf PNG herunterladen.
Wie animiere ich das Lock Shield 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 Lock Shield erstellen? +
Ja, nutzen Sie den KI-Prompt-Generator auf dieser Seite für 3D-, Glas- oder Neon-Stile.
Kann ich das Symbol Lock Shield ohne Qualitaetsverlust skalieren? +
Ja. Die Datei Lock Shield ist ein Vektor mit skalierbarem viewBox und bleibt bei 16px, 64px, 512px oder im Druck scharf.
Wo melde ich ein Problem mit der Datei Lock Shield? +
Schreibe an support@svgnexus.com mit der Symboladresse. Lizenzfragen zu Lock Shield 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.