Bookmarks ikonu
glyphs-poly:bookmarks
Bookmarks ikonu (glyphs-poly:bookmarks), Glyphs Poly setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Glyphs Poly
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
- Etiketler
- bookmark
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="M27 12a1 1 0 0 0-1 1v6h27a1 1 0 0 1 1 1v35.549l5.375 4.3a1 1 0 0 0 1.625-.78V13a1 1 0 0 0-1-1z" clip-rule="evenodd"/><path fill="#eb5757" d="M26 19h-2a2 2 0 0 0 2 2zm28 36.549h-2a2 2 0 0 0 .75 1.561zm5.375 4.3l1.25-1.562zM28 13a1 1 0 0 1-1 1v-4a3 3 0 0 0-3 3zm0 6v-6h-4v6zm-2 2h27v-4H26zm27 0a1 1 0 0 1-1-1h4a3 3 0 0 0-3-3zm-1-1v35.549h4V20zm8.625 38.287l-5.376-4.3l-2.498 3.123l5.375 4.3zM59 59.068a1 1 0 0 1 1.625-.78l-2.5 3.123C60.09 62.982 63 61.584 63 59.068zM59 13v46.068h4V13zm1 1a1 1 0 0 1-1-1h4a3 3 0 0 0-3-3zm-33 0h33v-4H27z"/><path fill="#f2c94c" fill-rule="evenodd" d="M19 20a1 1 0 0 1 1-1h33a1 1 0 0 1 1 1v46.068a1 1 0 0 1-1.625.78l-15.25-12.2a1 1 0 0 0-1.25 0l-15.25 12.2a1 1 0 0 1-1.625-.78z" clip-rule="evenodd"/><path fill="#f2c94c" d="m20.625 66.849l-1.25-1.562zm16.5-12.2l1.25-1.562zm-1.25 0l-1.25-1.562zm16.5 12.2l1.25-1.562zM53 17H20v4h33zm3 49.068V20h-4v46.068zM35.875 56.21l15.25 12.2l2.5-3.123l-15.25-12.2zm-14 12.2l15.25-12.2l-2.5-3.123l-15.25 12.2zM17 20v46.068h4V20zm2.375 45.287a1 1 0 0 1 1.625.781h-4c0 2.516 2.91 3.914 4.874 2.343zm19-12.2a3 3 0 0 0-3.75 0l2.5 3.123a1 1 0 0 1-1.25 0zM52 66.068a1 1 0 0 1 1.625-.78l-2.5 3.123C53.09 69.982 56 68.584 56 66.068zM20 17a3 3 0 0 0-3 3h4a1 1 0 0 1-1 1zm33 4a1 1 0 0 1-1-1h4a3 3 0 0 0-3-3z"/></g></svg>
Bookmarks ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:bookmarks" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:bookmarks" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:bookmarks" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--bookmarks]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:bookmarks"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:bookmarks"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs-poly/bookmarks.svg" alt="Bookmarks ikonu" width="24" height="24">
Diğer ikon setlerinde Bookmarks ikonu
Bookmarks ikonu: sık sorulan sorular
Bookmarks ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Bookmarks ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs-poly:bookmarks" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Bookmarks ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/glyphs-poly/bookmarks.svg" alt="Bookmarks ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Glyphs Poly ikonları →
ICONYZ
