outline
outline
Apache-2.0
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
Toggle On - Vektör ve 3D ikonlar
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Toggle 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.
material-outlined-toggle-toggle-toggle-on.svg (584 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Toggle On icon"><title>Toggle On - Material Icons icon</title><desc>Free Toggle On vector icon from the Material Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M0 0h24v24H0z" fill="none"/><path d="M17 6H7c-3.31 0-6 2.69-6 6s2.69 6 6 6h10c3.31 0 6-2.69 6-6s-2.69-6-6-6zm0 10H7c-2.21 0-4-1.79-4-4s1.79-4 4-4h10c2.21 0 4 1.79 4 4s-1.79 4-4 4zm0-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
Yapay zeka istemi ve vektör iyilestirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Toggle On
Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Toggle On
Istem oluşturucu tamamen tarayıcında calisir
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Material Icons | Author: Google LLC | License: Apache-2.0 | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#material
#outlined
#toggle
#on
#interface
#outline
#toggle on svg
#toggle on icon
#toggle on material icons
#toggle on react tsx
#toggle on vue
#toggle 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
Toggle On - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Toggle On
| Temel dosya kimligi | material/material-outlined-toggle-toggle-toggle-on |
|---|---|
| Kaynak kütüphane paketi | Material Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 24 24" |
| Sikistirilmamis boyut | 584 bytes (~321 bytes gzipped) |
| SPDX lisansi ve ticari kullanım | Apache-2.0 - 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: Toggle 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.
material-outlined-toggle-toggle-toggle-on.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gozat
outline
Events Calendar 16
Domain Icons|interface
outline
Minus The Bottom
IconPark|interface
solid
Filled Maps Maps Fork Left
Material Icons|interface
outline
Vip 2
MingCute Icons|interface
solid
Vip 2
MingCute Icons Fill|interface
Outline Bold Off
Tabler Icons|interface
Minus The Top
IconPark|interface
Filled Maps Maps Fork Right
Material Icons|interface
Vip 3
MingCute Icons|interface
Vip 3
MingCute Icons Fill|interface
Outline Bold
Tabler Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Toggle On - Sıkça Sorulan Sorular
Toggle On SVG ikonu ticari kullanım için ücretsiz mi? +
Evet, Toggle On koleksiyonundaki Material Icons ikonu Apache-2.0 lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.
Toggle On ikonu indirildiğinde orijinal renklerini korur mu? +
Evet, düzenleyicide yeni bir renk seçmediğiniz sürece Toggle On varsayılan renklerini korur.
Toggle 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.
Toggle On ikonunu şeffaf PNG olarak indirebilir miyim? +
Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.
Toggle On ikonunu CSS ile nasıl hareketlendiririm? +
CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.
Toggle 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.
Toggle On ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +
Evet. Toggle On dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.
Toggle On dosyasiyla ilgili sorunu nereye bildiririm? +
İkon adresiyle support@svgnexus.com adresine yazın. Toggle 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.