outline
outline
MIT
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
Bootstrap Icons
|
Benutzeroberfläche (UI/UX)
|
viewBox="0 0 16 16"
|
Kostenlos fuer kommerzielle Nutzung
Columns Gap - Vektor- und 3D-Symbole
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Columns Gap - 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.
bootstrap-regular-columns-gap.svg (707 B)
Schnelles Kopieren fuer Entwickler und UI-Frameworks
Live-Code-Ausgabe
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-columns-gap" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Columns Gap icon"><title>Columns Gap - Bootstrap Icons icon</title><desc>Free Columns Gap vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M6 1v3H1V1zM1 0a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zm14 12v3h-5v-3zm-5-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zM6 8v7H1V8zM1 7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm14-6v7h-5V1zm-5-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"/> </svg>
KI-Prompt und Vektor-Verbesserung
Moechtest du dieses Symbol verbessern oder umstylen? Columns Gap
Erzeuge einen genauen Engineering-Prompt oder verbessere das Symbol direkt auf der Leinwand. Columns Gap
Prompt-Generator zu 100% im Browser
Pruefung von Quelle und Lizenz
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Ohne Anmeldung | 100% im Browser verarbeitet
Schlagwoerter
#bootstrap
#regular
#columns
#gap
#interface
#outline
#columns gap svg
#columns gap icon
#columns gap bootstrap icons
#columns gap react tsx
#columns gap vue
#columns gap 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
Columns Gap - Technische Vektordaten
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Columns Gap
| Kanonische Datei-Kennung | bootstrap/bootstrap-regular-columns-gap |
|---|---|
| Quell-Bibliothekspaket | Bootstrap Icons |
| Koordinatenraster und viewBox | viewBox="0 0 16 16" |
| Groesse unkomprimiert | 707 bytes (~389 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: Columns Gap
- 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.
bootstrap-regular-columns-gap.svg aria-hidden="true" focusable="false"
Mehr in Benutzeroberfläche (UI/UX)
Ansehen
solid
Fill Text Italic Fill
Phosphor Icons|interface
outline
Round Action Action Class
Material Icons|interface
solid
Fill Text Outdent Fill
Phosphor Icons|interface
outline
Round Action Action Close Fullscreen
Material Icons|interface
solid
Fill Text Strikethrough Fill
Phosphor Icons|interface
Fill Text Subscript Fill
Phosphor Icons|interface
Round Action Action Code
Material Icons|interface
Fill Text Superscript Fill
Phosphor Icons|interface
Fill Text T Fill
Phosphor Icons|interface
Round Action Action Commit
Material Icons|interface
Fill Text T Slash Fill
Phosphor Icons|interfaceMehr entdecken
Häufig gestellte Fragen
Columns Gap - Häufig gestellte Fragen
Ist das Columns Gap SVG-Icon kostenlos für kommerzielle Nutzung? +
Ja, das Columns Gap Icon aus der Sammlung Bootstrap Icons steht unter der MIT-Lizenz für kommerzielle Websites und Apps bereit.
Behält das Columns Gap Icon beim Download seine Originalfarben? +
Ja, Columns Gap behält standardmäßig seine Originalfarben, bis Sie im Editor eine neue Farbe wählen.
Wie nutze ich das Columns Gap 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 Columns Gap als transparentes PNG herunterladen? +
Ja, wählen Sie eine Größe bis 2048 px und klicken Sie auf PNG herunterladen.
Wie animiere ich das Columns Gap 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 Columns Gap erstellen? +
Ja, nutzen Sie den KI-Prompt-Generator auf dieser Seite für 3D-, Glas- oder Neon-Stile.
Kann ich das Symbol Columns Gap ohne Qualitaetsverlust skalieren? +
Ja. Die Datei Columns Gap ist ein Vektor mit skalierbarem viewBox und bleibt bei 16px, 64px, 512px oder im Druck scharf.
Wo melde ich ein Problem mit der Datei Columns Gap? +
Schreibe an support@svgnexus.com mit der Symboladresse. Lizenzfragen zu Columns Gap 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.