Twotone Collections Bookmark ikonu

ic:twotone-collections-bookmark

Twotone Collections Bookmark ikonu (ic:twotone-collections-bookmark), Google Material Icons setinden ücretsiz bir SVG ikondur (yapımcı: Material Design Authors). 24 × 24 ızgara üzerinde çizilmiştir. Google Material Icons, Apache 2.0 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: Google Material Icons
Yazar: Material Design Authors
Lisans: Apache-2.0
Boyut: 24 × 24
Kategori: Görsel
Etiketler: album, archive, bookmark, collections, favorite, gallery, label, library, read, reading, remember, ribbon, save, stack, tag, image

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4h-1v9l-3-2.25L13 13V4H8v12h12z" opacity=".3"/><path fill="currentColor" d="M4 22h14v-2H4V6H2v14c0 1.1.9 2 2 2m18-6V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2M15 4h2v5l-1-.75L15 9zM8 4h5v9l3-2.25L19 13V4h1v12H8z"/></svg>

Twotone Collections Bookmark ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="ic:twotone-collections-bookmark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ic:twotone-collections-bookmark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ic:twotone-collections-bookmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-collections-bookmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:twotone-collections-bookmark"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ic:twotone-collections-bookmark"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ic/twotone-collections-bookmark.svg" alt="Twotone Collections Bookmark ikonu" width="24" height="24">

Google Material Icons setindeki benzer ikonlar

Twotone Collections Bookmark ikonu: sık sorulan sorular

Twotone Collections Bookmark ikonu ticari kullanım için ücretsiz mi?

Evet. Google Material Icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Twotone Collections Bookmark ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="ic:twotone-collections-bookmark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Twotone Collections Bookmark 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/ic/twotone-collections-bookmark.svg" alt="Twotone Collections Bookmark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Google Material Icons →