SVG → data URI çevirici

Kiçik SVG ikonları ayrıca fayl kimi yükləmək əvəzinə CSS-in içinə yazmaq olar. Alət SVG-ni minimum kodlaşdırma ilə data URI-yə çevirir və hazır CSS nümunəsi verir.

Necə istifadə etməli

  1. SVG kodunu yapışdırın və ya fayl seçin.
  2. İkonun rəngi mətnlə dəyişsin istəyirsinizsə, currentColor seçimini aktiv edin.
  3. CSS nümunəsini kopyalayın.

Suallar

URL-encoded, yoxsa Base64?
URL-encoded adətən kiçikdir və daha yaxşı sıxılır. Base64 yalnız alət və ya sistem başqasını qəbul etməyəndə lazımdır.
Rəngi CSS ilə dəyişmək olar?
background-image ilə yox. mask variantında isə ikon background-color rəngini alır, onu istədiyiniz kimi dəyişə bilərsiniz.

Digər alətlər

Əlçatanlıq

Seçimlər bu brauzerdə yadda qalır. Qısayol: Alt+A.

Klaviatura qısayolları

Ctrl / ⌘ + K
Axtarış və ayarlar
/
Saytda axtarış
T
Açıq / tünd rejim
Alt + A
Əlçatanlıq paneli
G sonra B
Bloqa keç
G sonra P
Portfolioya keç
G sonra X
Xidmətlərə keç
?
Bu siyahı
Esc
Pəncərəni bağla

Mətn sahəsində yazarkən tək hərfli qısayollar işləmir.

Telefona köçür

Telefonun kamerası ilə skan edin, bu səhifə telefonunuzda açılacaq.

iPhone-a quraşdırmaq

  1. Safari-nin aşağı panelində Paylaş düyməsinə (kvadrat və yuxarı ox) toxunun.
  2. Siyahıda “Ana ekrana əlavə et” (Add to Home Screen) seçin.
  3. Əlavə et düyməsinə toxunun. Odeo ikonu ana ekranda görünəcək.