BuBir sembol svg'den <use> etiketine farklı CSS uygulayın?
<svg style="display: none">
<symbol id="icon-check-mark-3" viewBox="0 0 200 200">
<title>check-mark-3</title>
<path fill="#fcc083" class="path1 fill-color2" d="M99.875 11.584c-48.968 0-88.666 39.697-88.666 88.666s39.698 88.666 88.666 88.666 88.666-39.698 88.666-88.666c0-48.969-39.698-88.666-88.666-88.666zM150.97 69.963l-48.493 67.173c-4.055 5.62-12.535 5.618-16.59 0l-25.396-35.181c-3.307-4.582-2.273-10.978 2.307-14.284 4.584-3.306 10.977-2.272 14.283 2.307l17.101 23.69 40.197-55.68c3.305-4.582 9.699-5.615 14.282-2.306 4.582 3.306 5.616 9.701 2.308 14.281z"></path>
</symbol>
</svg>
<p id="first">my first image
<use xlink:href="#icon-check-mark-3"></use>
</svg>
</p>
<p id="second">my second image
<use xlink:href="#icon-check-mark-3"></use>
</svg>
</p>
#first
simgesini renk gereken
gibi bir svg simgesini belirledi.
Bunu yapmanın yolunu bulmak için yaklaşık 2 saat harcadım ama yapamam.
Ya da sadece üzerinde css/sınıfını kullanın 'use' ... bunu ben de işe yarıyor. Evet - https://jsfiddle.net/bf6raw6z/ –
evet @Paulie_D de çalışıyor. OP, bu https://jsfiddle.net/bf6raw6z/1/ –
Yep gibi dolgu özelliğini de ayarlayabilir, hepsi iyi seçeneklerdir. –