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
Toggle On SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Toggle On - 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.
Kredilerle paket
material-two-tone-toggle-toggle-toggle-on.svg (749 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; duotone style, Apache-2.0 licence, viewBox 0 0 24 24, 490 bytes.</desc><path d="M0 0h24v24H0z" fill="none"/><path d="M17 8H7c-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" opacity=".3"/><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 iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Toggle On
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Toggle On
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Material Icons | Author: Google LLC | License: Apache-2.0 | Source: https://github.com/google/material-design-icons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#material
#two
#tone
#toggle
#on
#interface
#duotone
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-two-tone-toggle-toggle-toggle-on |
|---|---|
| Kaynak kütüphane paketi | Material Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 24 24" |
| Sıkıştırılmamış boyut | 749 bytes (~412 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | Apache-2.0 - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/google/material-design-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: Toggle On
- 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 (77.087)
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.
material-two-tone-toggle-toggle-toggle-on.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
More Two
IconPark|interfaceoutline
Windmill Two
IconPark|interfaceduotone
Toggle Left
Phosphor Icons|interfaceoutline
Funnel X
Phosphor Icons|interfaceoutline
Scan Letter T
Tabler Icons|interface
Shield
Tabler Icons|interface
Signal 3g
Tabler Icons|interface
Archive
Bytesize Icons|interface
6 Circle
Bootstrap Icons|interface
Airdrop
MingCute Icons Fill|interface
alarm
MingCute Icons|interface
Eject
Bytesize Icons|interface
Align Right
MingCute Icons|interface
Cursor Dagger Assassin Copy
Mouse|interface
Angry
MingCute Icons Fill|interface
Badge Sd
Bootstrap Icons|interface
Accessibility Hand
Domain Icons|interface
müzik
Bytesize Icons|interface
Data Scatter
Fluent UI Color|interface
Confluence
SVG Icons Collection|interface
Box Seam
Bootstrap Icons|interface
cep telefonu
Ant Design TwoTone|interface
Axe
MingCute Icons Fill|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Toggle On - Sıkça Sorulan Sorular
Toggle On hangi lisans kapsamındadır? +
Toggle On, Material Icons kaynağından gelir ve Apache-2.0 kapsamındadır. Atıf: Kaynak belirtme zorunlu.
Toggle On simgesini hangi biçimlerde indirebilirim? +
Toggle On, duotone stilinde bir vektördür (viewBox 0 0 24 24). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
Toggle On simgesi nereden geliyor? +
Toggle On, Material Icons kütüphanesinin bir parçasıdır; oluşturan: Google LLC, 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 | 77.087 ikon
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarın.