Vektörel veya SVG icon kullanımı

Merhaba :wave:

Rails 7’yi kurcalarken font-awesome benzeri bir araç ile vektörel icon’lar kullanmak istedim. https://github.com/bokmann/font-awesome-rails şöyle bir çözüm var ama hem içime sinmedi hem de Gem’in helper’larını projede görmüyor. Siz kendi Rails projelerinizde bu konuya nasıl yaklaşıyorsunuz? Neler yapıyorsunuz?

Sevgiler.

Merhaba Ender,

SVG’leri dogrudan HTML kodu inline olarak view partial yada componentlerin içerisine ekleyebilirsin. İstersen kendin bunları bir helper ile de çağırabilirsin.

Sevgiler.

<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 14l9-5-9-5-9 5 9 5z"></path>
  <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"></path>
</svg>

Kaynak: https://heroicons.dev

3 Likes

Teşekkürler @tayfunerikan :pray:

1 Like

Ayrıca assets’de images altına svg uzantılı dosya olarak ekleyerek image_tag helper’ı ilede kullanabilirsin abi :slight_smile:

2 Likes