Icône Bookmark Square Linear

solar:bookmark-square-linear

L'icône Bookmark Square Linear (solar:bookmark-square-linear) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: École
Mots-clés: bookmarksquare, squarelinear, bookmarksquarelinear

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"/><path d="M17 2V11.8076C17 12.7825 17 13.27 16.8709 13.5607C16.5766 14.2233 15.8506 14.5805 15.1461 14.4095C14.8369 14.3344 14.4507 14.037 13.6782 13.4422C13.2421 13.1064 13.024 12.9385 12.797 12.8398C12.2886 12.619 11.7114 12.619 11.203 12.8398C10.976 12.9385 10.7579 13.1064 10.3218 13.4422C9.5493 14.037 9.16307 14.3344 8.85391 14.4095C8.14942 14.5805 7.42342 14.2233 7.12914 13.5607C7 13.27 7 12.7825 7 11.8076V2"/><path stroke-linecap="round" d="M17 18H7"/></g></svg>

Comment utiliser l'icône Bookmark Square Linear

React

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

<Icon icon="solar:bookmark-square-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:bookmark-square-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:bookmark-square-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bookmark-square-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bookmark-square-linear"></div>

Web component

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

<iconify-icon icon="solar:bookmark-square-linear"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/bookmark-square-linear.svg" alt="Icône Bookmark Square Linear" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Bookmark Square Linear

L'icône Bookmark Square Linear est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Bookmark Square Linear dans React ?

Installez @iconify/react et affichez <Icon icon="solar:bookmark-square-linear" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Bookmark Square Linear à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/bookmark-square-linear.svg" alt="Icône Bookmark Square Linear">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →