solid
outline
MIT
2 vektör dugumu
1. Renk
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarlari
SVG çıktısina dahil
Toggle2 On - Vektör ve 3D ikonlar
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Toggle2 On - Ticari ve kisisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Aninda vektör ve yuksek cozunurluk indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
bootstrap-regular-toggle2-on.svg (508 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-toggle2-on" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Toggle2 On icon"><title>Toggle2 On - Bootstrap Icons icon</title><desc>Free Toggle2 On vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M7 5H3a3 3 0 0 0 0 6h4a5 5 0 0 1-.584-1H3a2 2 0 1 1 0-4h3.416q.235-.537.584-1"/> <path d="M16 8A5 5 0 1 1 6 8a5 5 0 0 1 10 0"/> </svg>
Yapay zeka istemi ve vektör iyilestirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Toggle2 On
Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Toggle2 On
Istem oluşturucu tamamen tarayıcında calisir
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#bootstrap
#regular
#toggle2
#on
#interface
#outline
#toggle
#2
#toggle2 on svg
#toggle2 on icon
#toggle2 on bootstrap icons
#toggle2 on react tsx
#toggle2 on vue
#toggle2 on png
Dilinizde popüler
ücretsiz svg ikonlar
vektörel ikon indir
svg png dönüştürücü
online ücretsiz svg düzenleyici
3d svg ikonlar
svg dosyası sıkıştırma
react svg bileşeni
css ile svg animasyon
ticari kullanım ikonları
svg ikon kütüphanesi
Toggle2 On - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Toggle2 On
| Temel dosya kimligi | bootstrap/bootstrap-regular-toggle2-on |
|---|---|
| Kaynak kütüphane paketi | Bootstrap Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 16 16" |
| Sikistirilmamis boyut | 508 bytes (~279 bytes gzipped) |
| SPDX lisansi ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| 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 kullanilir ve özellestirilir: Toggle2 On
- Gorsel olarak özellestirin: Renk, Otomatik (cizgi ve dolgu), Cizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarlari - Vektöru veya gorseli indirin: SVG İndir, PNG (seffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayin: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayin.
- Ileri vektör duzenleme: SVG duzenleyicide duzenle (76,166)
Erisilebilirlik ipucu (WCAG 2.1): Susleme amacli ikonlari aria-hidden ve focusable false ile gizleyin. Yalnizca ikon iceren dugmelere net bir aria-label verin. Sagdan sola diller için oklari yatay olarak cevirin.
bootstrap-regular-toggle2-on.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gozat
solid
Filled Unlock2 Fill
Bootstrap Icons|interface
solid
Filled Communication Communication Import Export
Material Icons|interface
outline
Flash Circle
MingCute Icons|interface
solid
Flash Circle
MingCute Icons Fill|interface
solid
Filled Laurel Wreath 1
Tabler Icons|interface
Filled Tree Fill
Bootstrap Icons|interface
Automotive Road 08
Domain Icons|interface
Filled Communication Communication Invert Colors Off
Material Icons|interface
Flash
MingCute Icons|interface
Flash
MingCute Icons Fill|interface
Filled Laurel Wreath 2
Tabler Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Toggle2 On - Sıkça Sorulan Sorular
Toggle2 On SVG ikonu ticari kullanım için ücretsiz mi? +
Evet, Toggle2 On koleksiyonundaki Bootstrap Icons ikonu MIT lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.
Toggle2 On ikonu indirildiğinde orijinal renklerini korur mu? +
Evet, düzenleyicide yeni bir renk seçmediğiniz sürece Toggle2 On varsayılan renklerini korur.
Toggle2 On ikonunu React veya Vue da nasıl kullanırım? +
Bu sayfada React TSX veya Vue 3 sekmesini acin ve Copy SVG dugmesine tiklayin. Bileşeni projenize yapıştırin ve CSS ya da Tailwind ile biçimlendirin.
Toggle2 On ikonunu şeffaf PNG olarak indirebilir miyim? +
Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.
Toggle2 On ikonunu CSS ile nasıl hareketlendiririm? +
CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.
Toggle2 On için yapay zeka komutu oluşturabilir miyim? +
Evet, bu sayfadaki yapay zeka komut oluşturucu ile 3D, Cam veya Neon stilinde komut alabilirsiniz.
Toggle2 On ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +
Evet. Toggle2 On dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.
Toggle2 On dosyasiyla ilgili sorunu nereye bildiririm? +
İkon adresiyle support@svgnexus.com adresine yazın. Toggle2 On için lisans sorulari legal@svgnexus.com adresine gider.
%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 aktarin.