solid
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
SVG Icons Collection
|
Kullanıcı Arayüzü (UI/UX)
|
viewBox="0 0 24 24"
|
Ticari kullanım için ücretsiz
Materialdesign SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Materialdesign - 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
materialdesign.svg (1.478 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" role="img" aria-label="Material Design" width="36" height="36"><title>Material Design</title><path fill="#6750A4" d="M11.9998 23.9997c-1.6545 0-3.218-.309-4.691-.927-1.4544-.6364-2.7269-1.4909-3.8179-2.5639-1.073-1.0905-1.9274-2.3634-2.5634-3.8179C.3085 15.2179 0 13.6545 0 12c0-1.6725.309-3.2364.927-4.6909.6365-1.4545 1.491-2.718 2.564-3.791C4.5818 2.4278 5.8543 1.5733 7.3087.9548c1.473-.6365 3.0365-.9545 4.691-.9545 1.673 0 3.2364.318 4.6909.955 1.4544.618 2.7179 1.4725 3.7909 2.563 1.091 1.073 1.945 2.3364 2.5634 3.7909C23.6815 8.7641 24 10.3275 24 12c0 1.655-.3185 3.218-.955 4.6909-.618 1.4545-1.4724 2.7274-2.5634 3.818-1.073 1.0729-2.3365 1.9274-3.791 2.5639-1.455.618-3.0179.927-4.6909.927zm-7.6364-5.8633V5.8636A9.4843 9.4843 0 0 0 2.755 8.7001C2.373 9.7365 2.1825 10.8365 2.1825 12s.1905 2.2725.5724 3.3274a9.5713 9.5713 0 0 0 1.609 2.809zm1.5-13.7727H18.163a9.4848 9.4848 0 0 0-2.836-1.609c-1.0549-.382-2.1639-.5725-3.3273-.5725-1.1635 0-2.2725.1905-3.327.5725a9.5713 9.5713 0 0 0-2.8094 1.609Zm6.1364 10.3637 4.1179-8.1818H7.9088Zm1.091 2.727h4.3633V8.7276Zm-6.5454 0h4.3634L6.5454 8.7276Zm8.7813 3.791c1.0545-.382 2-.918 2.836-1.609H5.8628a9.5713 9.5713 0 0 0 2.8094 1.609c1.0545.3819 2.1635.5724 3.327.5724 1.0543 0 2.1823-.1579 3.3274-.5725zm4.3089-3.109a9.5713 9.5713 0 0 0 1.609-2.809c.382-1.055.5724-2.164.5724-3.3274 0-1.1635-.1905-2.2635-.5724-3.3-.382-1.055-.918-1.9999-1.609-2.8364Z"/></svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Materialdesign
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Materialdesign
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: SVG Icons Collection | Author: SVG Nexus Open Catalog | License: MIT | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#materialdesign
#interface
#outline
#material
Materialdesign - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Materialdesign
| Temel dosya kimligi | svg-icons/materialdesign |
|---|---|
| Kaynak kütüphane paketi | SVG Icons Collection |
| Koordinat izgarasi ve viewBox | viewBox="0 0 24 24" |
| Sıkıştırılmamış boyut | 1.478 bytes (~813 bytes gzipped) |
| SPDX lisansı 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 kullanılır ve özellestirilir: Materialdesign
- 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.
materialdesign.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatsolid
Maps Directions Subway
Material Icons|interfacesolid
Maps Layers Clear
Material Icons|interfacesolid
World
Tabler Icons|interfaceoutline
defter
MingCute Icons|interfaceoutline
Forbid
IconPark|interface
Paint Brush AI
MingCute Icons|interface
Ad
Tabler Icons|interface
Placeholder
Phosphor Icons|interface
Aerial Lift
Tabler Icons|interface
Communications Link
Domain Icons|interface
Pingpong
MingCute Icons|interface
Gopro
IconPark|interface
Network
Lucide|interface
Qrcode
MingCute Icons Fill|interface
Quote Right
MingCute Icons Fill|interface
Inbox
Heroicons|interface
Communications Signal
Domain Icons|interface
Communications Signal
Domain Icons|interface
Remote Control
MingCute Icons Fill|interface
Shuffle
Phosphor Icons|interface
Headset
IconPark|interface
Play
Lucide|interface
Square Half Bottom
Phosphor Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Materialdesign - Sıkça Sorulan Sorular
Materialdesign hangi lisans kapsamındadır? +
Materialdesign, SVG Icons Collection kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
Materialdesign simgesini hangi biçimlerde indirebilirim? +
Materialdesign, outline 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.
Materialdesign simgesi nereden geliyor? +
Materialdesign, SVG Icons Collection kütüphanesinin bir parçasıdır; oluşturan: SVG Nexus Open Catalog, 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.