Satir ici SVG ve resim etiketi
Uzerine gelince renk değişimi ve CSS animasyonu gerekiyorsa satir ici SVG veya bileşen kullanin. İkonun resim aramasinda cikmasini istiyorsaniz genislik, yukşeklik ve alternatif metinle resim etiketi kullanin.
Satır içi SVG belgenin parçasıdır, CSS erişir: hover durumları, currentColor temaları ve CSS keyframes çizimi yeniden biçimlendirir veya canlandırır, symbol referanslarından oluşan bir sprite tekrarlanan simgeleri tek indirmeye indirger. <img> etiketi çizimi görsel olarak yükler: CSS biçimlendiremez ama tarayıcı önbelleğe alır, resimler engellendiğinde alt metin anlatmaya devam eder ve görsel aramada çıkabilir. Arayüze tepki vermesi gereken simgeleri satır içine koyun; her simge sayfasındaki CSS data URI ile bir kez gömün ya da dosya olarak bağlayın, çizim önbellekte kalsın ve HTML dışında dursun istiyorsanız.
Inline SVG, styled by CSS
<span class="text-blue-600">
<svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
<path d="M4 10.5 12 4l8 6.5V20h-5.5v-4.5h-5V20H4Z"/>
</svg>
Save
</span>Image tag, cached and described with alt text
<img src="save.svg" width="20" height="20" alt="Save">Bu sitede doğrulanmış gerçekler
- Dışa aktarma biçimleri: Optimized SVG, PNG, WebP, React TSX, Vue 3 SFC, Svelte, CSS mask or data URI, SVG sprite
- Raster dışa aktarma boyutları: 64px, 128px, 256px, 512px, 1024px, 2048px
- Çalışma alanında dosya başına yükleme sınırı: 2 MB
- Lisans ve yazar her simge sayfasında belgelenir.