Ícone Bookmark 24
qlementine-icons:bookmark-24
O ícone Bookmark 24 (qlementine-icons:bookmark-24) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Forma
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.1 20.3q.057.004.115.013c.176.026.346.091.687.222l4.75 1.94c.972.372 1.52.58 1.94.573l.173-.017c.342-.062.649-.23.868-.476l.089-.109c.19-.26.237-.636.249-1.27l.004-.73v-16.1c0-1.01 0-1.58-.164-2l-.081-.173a2.15 2.15 0 0 0-.828-.822l-.155-.08c-.361-.169-.806-.21-1.54-.221l-.834-.004v-1c.615 0 1.13 0 1.55.031c.43.033.845.103 1.24.288c.604.282 1.11.74 1.43 1.32c.218.392.3.804.337 1.22c.035.4.034.885.034 1.44v16.1c0 .531.002 1-.036 1.38c-.038.386-.127.823-.41 1.21a2.5 2.5 0 0 1-1.59.978c-.448.082-.875 0-1.26-.11c-.383-.112-.846-.289-1.39-.495l-.01-.004l-.01-.004l-4.75-1.94v-.001c-.36-.138-.413-.15-.454-.156a.6.6 0 0 0-.183 0c-.041.006-.093.018-.454.156l-4.75 1.94l-.01.004l-.012.004c-.539.206-1 .384-1.39.494c-.387.111-.814.192-1.26.111a2.54 2.54 0 0 1-1.59-.978c-.282-.386-.37-.822-.409-1.21c-.037-.38-.036-.853-.036-1.38v-16.1c0-.56-.001-1.05.034-1.44c.037-.413.12-.824.337-1.22a3.17 3.17 0 0 1 1.43-1.32c.397-.186.812-.256 1.24-.288c.421-.031.937-.03 1.55-.03v1c-1.26 0-1.89-.001-2.37.224a2.17 2.17 0 0 0-.983.902l-.08.173c-.165.422-.165.991-.165 2v16.1l.004.73c.012.637.06 1.01.25 1.27c.22.304.565.514.956.585c.335.06.731-.044 1.38-.279l.736-.277l4.75-1.94c.34-.13.51-.196.686-.222q.12-.018.242-.017l.115.004zM17.38 0v1H6.58V0z"/></svg>
Como usar o ícone Bookmark 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:bookmark-24" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:bookmark-24" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:bookmark-24" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--bookmark-24]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:bookmark-24"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:bookmark-24"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/bookmark-24.svg" alt="Ícone Bookmark 24" width="24" height="24">
Ícones relacionados em Qlementine Icons
O ícone Bookmark 24 em outras coleções
Perguntas frequentes sobre Ícone Bookmark 24
O ícone Bookmark 24 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bookmark 24 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:bookmark-24" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bookmark 24 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/bookmark-24.svg" alt="Ícone Bookmark 24">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Qlementine Icons →
ICONYZ
