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
ay SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. ay - 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.
moon.svg (505 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg id="i-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Moon icon"><title>Moon - Bytesize Icons icon</title><desc>Free Moon vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 288 bytes.</desc>
<path d="M14 2C 9 2 3 7 3 15 3 23 9 29 17 29 25 29 30 23 30 18 19 25 7 13 14 2Z" />
</svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? ay
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. ay
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#moon
#bytesize
#interface
#outline
ay - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. ay
| Temel dosya kimligi | bytesize/moon |
|---|---|
| Kaynak kütüphane paketi | Bytesize Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 32 32" |
| Sıkıştırılmamış boyut | 505 bytes (~278 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/danklammer/bytesize-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: ay
- 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.
moon.svg aria-hidden="true" focusable="false"
Diğer kütüphanelerdeki eşleşmeler ("ay")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
ay
Open Iconic|interfaceoutline
ay
SVG Icons Collection|interfaceoutline
ay
MingCute Icons|interfacesolid
ay
MingCute Icons Fill|interface3d
ay
3D Vector Icons|3d-iconsoutline
ay
IconPark|interface
ay
Authentic Brand Logos|brands
Editor Format
Material Icons|interface
Na
MingCute Icons Fill|interface
Editor Highlight
Material Icons|interface
Football
IconPark|interface
boya 2
MingCute Icons|interface
Communications Antenna
Domain Icons|interface
Communications Antenna
Domain Icons|interface
Editor Subscript
Material Icons|interface
Communications Link
Domain Icons|interface
kenet
MingCute Icons|interface
Pot
MingCute Icons Fill|interface
Alphabet Bangla
Tabler Icons|interface
Hand Thumb Up
Heroicons|interface
Handwashing
IconPark|interface
Signature
Phosphor Icons|interface
Sneaker
Phosphor Icons|interface
Square Half
Phosphor Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
ay - Sıkça Sorulan Sorular
ay hangi lisans kapsamındadır? +
ay, Bytesize Icons kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
ay simgesini hangi biçimlerde indirebilirim? +
ay, outline stilinde bir vektördür (viewBox 0 0 32 32). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
ay simgesi nereden geliyor? +
ay, Bytesize Icons kütüphanesinin bir parçasıdır; oluşturan: Dan Klammer, 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.