outline
1. Renk
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarları
SVG çıktısina dahil
Columns SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Columns - Ticari ve kişisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anında vektör ve yüksek çözünürlük indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
bootstrap-regular-columns.svg (499 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-columns" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Columns icon"><title>Columns - Bootstrap Icons icon</title><desc>Free Columns vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 271 bytes.</desc> <path d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm8.5 0v8H15V2zm0 9v3H15v-3zm-1-9H1v3h6.5zM1 14h6.5V6H1z"/> </svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Columns
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Columns
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#bootstrap
#regular
#columns
#interface
#outline
Columns - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Columns
| Temel dosya kimligi | bootstrap/bootstrap-regular-columns |
|---|---|
| Kaynak kütüphane paketi | Bootstrap Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 16 16" |
| Sıkıştırılmamış boyut | 499 bytes (~274 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/twbs/icons |
| Desteklenen çıktı biçimleri | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Güvenlik ve gizlilik garantisi | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme |
Bu ikon nasıl kullanılır ve özellestirilir: Columns
- Görsel olarak özellestirin: Renk, Otomatik (çizgi ve dolgu), Çizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarları - Vektöru veya gorseli indirin: SVG İndir, PNG (şeffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayın: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayın.
- İleri vektör düzenleme: SVG duzenleyicide duzenle (76.166)
Erişilebilirlik ipucu (WCAG 2.1): Süsleme amaçlı ikonlari aria-hidden ve focusable false ile gizleyin. Yalnızca ikon iceren dugmelere net bir aria-label verin. Sağdan sola diller için okları yatay olarak çevirin.
bootstrap-regular-columns.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
Bag
Phosphor Icons|interfaceoutline
Beach Ball
Phosphor Icons|interfaceoutline
Events Stage
Domain Icons|interfaceoutline
Events Stage
Domain Icons|interfacesolid
Maps Ramp Left
Material Icons|interface
Events Ticket
Domain Icons|interface
Trailer
Lucide|interface
Ordered List
IconPark|interface
Turtle
Lucide|interface
Waves Vertical
Lucide|interface
Places Airport Shuttle
Material Icons|interface
Places Family Restroom
Material Icons|interface
Projector Three
IconPark|interface
Qingniao Clue
IconPark|interface
Calendar Code
Tabler Icons|interface
Calendar Search
Tabler Icons|interface
Circle Dotted Letter K
Tabler Icons|interface
Backwards
Bytesize Icons|interface
Aiming
MingCute Icons|interface
Avocado
SVG Icons Collection|interface
Cursor Circuit Glitch Copy
Mouse|interface
Bereal
SVG Icons Collection|interface
Archive
MingCute Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Columns - Sıkça Sorulan Sorular
Columns hangi lisans kapsamındadır? +
Columns, Bootstrap Icons kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
Columns simgesini hangi biçimlerde indirebilirim? +
Columns, outline stilinde bir vektördür (viewBox 0 0 16 16). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
Columns simgesi nereden geliyor? +
Columns, Bootstrap Icons kütüphanesinin bir parçasıdır; oluşturan: The Bootstrap Authors, kategori: Kullanıcı Arayüzü (UI/UX). Lisansın tam metni, bu sayfada bağlantısı verilen kütüphane bildirim dosyasındadır.
%100 Tarayıcı Tabanlı İşleme | 76.166 ikon
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarın.