Ikon Bookmarks Document
streamline-freehand-color:bookmarks-document
Ikon Bookmarks Document (streamline-freehand-color:bookmarks-document) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Freehand color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Antarmuka esensial
- Tag
- bookmarksdocument, bookmark
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M24 10.997a54 54 0 0 0-.35-6.213a3.55 3.55 0 0 0-.739-1.738a2.6 2.6 0 0 0-1.738-.869c-.869-.1-1.997-.17-3.356-.22c-1.518-.05-3.246-.07-4.994-.05a.34.34 0 0 0 0 .67c1.738 0 3.466.12 4.994.23c1.299.09 2.427.21 3.276.339a1.6 1.6 0 0 1 1.07.57c.26.38.401.827.409 1.288c.16 1.119.22 2.747.27 4.545c0 .998.05 2.137.08 3.226c.06 2.996.11 5.903.16 7.54a2.9 2.9 0 0 1-.37 1.55a1.43 1.43 0 0 1-1.17.808a.3.3 0 0 0 0 .59a1.9 1.9 0 0 0 1.46-.77c.506-.628.785-1.41.788-2.217c.06-1.958.21-5.743.21-9.28m-4.335 11.837c-2.767 0-7.321.1-10.987 0a40 40 0 0 1-4.655-.22a4.7 4.7 0 0 1-1.498-.46a1.47 1.47 0 0 1-.829-.908c-.18-.999-.34-2.797-.49-4.844c-.11-1.559-.18-3.267-.28-4.905a39.3 39.3 0 0 1 .18-6.492c.04-.24.132-.469.27-.67q.228-.32.54-.559a.29.29 0 0 0 .11-.42a.3.3 0 0 0-.41-.06a3.1 3.1 0 0 0-.739.71a2.2 2.2 0 0 0-.41.909a47 47 0 0 0-.439 8.24a69 69 0 0 0 .56 8.28a2.26 2.26 0 0 0 1.048 1.489a5.2 5.2 0 0 0 2.228.779c1.589.159 3.187.216 4.784.17c3.696 0 8.25-.29 10.987-.37a.35.35 0 0 0 .33-.34a.33.33 0 0 0-.3-.33"/><path fill="#0c6fff" d="M3.024 12.515a1.1 1.1 0 0 0 .45.78c.35.199.849.099 1.238-.49c.407-.71.742-1.46 1-2.238c.369.826.842 1.602 1.408 2.308c.539.589 1.138.789 1.628.499c.251-.185.42-.461.47-.77c.111-.73.145-1.47.1-2.206c0-1.519-.57-4.395-.15-6.243c.189-.85.589-1.468 1.438-1.478a.34.34 0 0 0 0-.67c-1.209 0-1.858.78-2.158 1.998c-.47 1.888 0 4.864 0 6.423v1.288c0 .36 0 .999-.17.869s0 0 .05 0s-.09-.06-.16-.11a3.6 3.6 0 0 1-.619-.789q-.54-.812-.969-1.688c-.08-.16-.19-.52-.31-.74a1.1 1.1 0 0 0-.319-.329a.6.6 0 0 0-.78.18q-.255.399-.429.839c-.07.17-.26.999-.469 1.598c-.08-.38-.2-.749-.21-.879a30 30 0 0 1-.2-4.564c.029-1.01.16-2.014.39-2.997c.094-.54.309-1.053.63-1.498c.332-.384.802-.62 1.308-.66a10.5 10.5 0 0 1 3.216.06c.686.096 1.34.353 1.908.75a.291.291 0 1 0 .37-.45A4.84 4.84 0 0 0 9.526.33A11.3 11.3 0 0 0 6.11.18a2.72 2.72 0 0 0-1.858.88a4.4 4.4 0 0 0-.889 1.777a16 16 0 0 0-.52 3.167a30 30 0 0 0 .11 4.734q-.015.891.07 1.778"/><path fill="#020202" d="M21.493 6.712a.34.34 0 0 0-.33-.34c-.44-.002-.88.048-1.308.15c-.93.2-1.898.58-2.747.78q-.54.172-1.099.279a.94.94 0 0 1-.53 0a1 1 0 0 1-.469-.38a2.8 2.8 0 0 1-.38-.59c-.069-.109-.139-.469-.249-.668a.75.75 0 0 0-.32-.37c-.699-.34-.799.45-1.558 1.179a1.6 1.6 0 0 1-.44.33a.32.32 0 0 1-.269 0c-.739-.32-.38-.84-.799-.87c-.23 0-.32.09-.37.26c.042.279.145.544.3.78c.186.233.426.419.7.539a1 1 0 0 0 .739 0c.256-.094.496-.229.709-.4a5 5 0 0 0 .54-.5a.6.6 0 0 0 0 .21c.16.362.371.699.628 1c.201.218.447.391.72.509a2.14 2.14 0 0 0 1.118.1a9 9 0 0 0 1.259-.4c.829-.27 1.758-.74 2.667-.999c.37-.153.76-.257 1.158-.31a.33.33 0 0 0 .33-.29m-11.417 6.184c-.16.18-.08.32.06.429q.66.165 1.339.19l2.097.1c.5 0 .999 0 1.508-.08s1.129-.15 1.698-.24c3.396-.53 2.777-.26 3.406-.06a.6.6 0 0 0 .25 0a.32.32 0 0 0 .33-.33a.33.33 0 0 0-.33-.33c-.5-.289-.839-.678-3.995-.359c-.58.05-1.159.13-1.738.2c-.38 0-.75.1-1.139.13l-1.998.18c-1.348.07-1.368-.01-1.488.17m2.208 4.525l-3.217.349l-3.615.31a4.1 4.1 0 0 0-2.058.09a.28.28 0 0 0-.1.22a.27.27 0 0 0 .12.249a.63.63 0 0 0 .32.1c.42 0 1.488.06 1.718.07h3.615q.5.027 1 0c.738-.07 1.477-.21 2.217-.24c8.66-.54 8.3-.84 8.36-.919a.33.33 0 0 0 0-.47c-.21-.19.59.05-8.36.24"/></g></svg>Cara memakai ikon Bookmarks Document
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:bookmarks-document" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:bookmarks-document" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:bookmarks-document" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--bookmarks-document]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:bookmarks-document"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:bookmarks-document"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/bookmarks-document.svg" alt="Ikon Bookmarks Document" width="24" height="24">Ikon Bookmarks Document di set ikon lain
FAQ Ikon Bookmarks Document
Apakah ikon Bookmarks Document gratis untuk penggunaan komersial?
Ya. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Bookmarks Document di React?
Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:bookmarks-document" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bookmarks Document ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/bookmarks-document.svg" alt="Ikon Bookmarks Document">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.