Bilişim dünyasına kaliteli, özgün ve Türkçe içerikler kazandırmayı hedefleyen bir platform..

SVG icon html example. Bu derste, SVG görüntülerini CSS ve HTML'de nasıl kullanabileceğinizi açıklayacağım.

HTML Kodları

<span class="pro-cat-wheat-svg"></span>Buğday Çeşitleri

CSS Kodları

.pro-cat-wheat-svg {
 -webkit-mask: url(/wp-content/uploads/category-svg/wheat.svg) no-repeat center;
  mask: url(/wp-content/uploads/category-svg/wheat.svg) no-repeat center;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  background-color: #3e445a; 
}

Image Etiketi ile Kullanımı

<img src = "moon.svg" alt="Moon SVG"/>

Object Etiketi ile Kullanımı

<object data="moon.svg" width="300" height="300"> </object>