Icône Note Filled

reicon:note-filled

L'icône Note Filled (reicon:note-filled) est une icône SVG gratuite de la collection Reicon. Elle est dessinée sur une grille de 24 × 24. Les Reicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Reicon
Auteur: REICON
Licence: MIT
Taille: 24 × 24
Catégorie: Nouvelles icônes
Mots-clés: notefilled

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="currentColor"><path d="M8.29 6.29c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76m7.42 0c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76"/><path d="M19.57 4.5c-.66-.49-1.61-.02-1.61.81v.1c0 1.17-.84 2.25-2.01 2.37c-1.35.14-2.49-.92-2.49-2.24V4.5c0-.55-.45-1-1-1h-.92c-.55 0-1 .45-1 1v1.04c0 .79-.41 1.49-1.03 1.88c-.09.06-.19.11-.29.16q-.135.075-.3.12c-.12.04-.25.07-.39.08q-.24.03-.48 0c-.14-.01-.27-.04-.39-.08q-.15-.045-.3-.12c-.1-.05-.2-.1-.29-.16c-.63-.44-1.03-1.2-1.03-2.01v-.1c0-.77-.82-1.23-1.47-.9c-.01.01-.02.01-.03.02c-.04.02-.07.04-.11.07c-.03.03-.07.05-.1.08c-.28.22-.53.47-.74.74c-.11.12-.2.25-.28.38a3.5 3.5 0 0 0-.27.46c-.02.02-.03.03-.03.05c-.06.12-.12.24-.16.37c-.03.05-.04.09-.06.14c-.06.15-.1.3-.14.45c-.04.14-.07.29-.09.44a6 6 0 0 0-.06.76v8.76A4.87 4.87 0 0 0 7.37 22h9.26a4.87 4.87 0 0 0 4.87-4.87V8.37c0-1.59-.76-2.98-1.93-3.87M12 17.42H7.36a.755.755 0 0 1 0-1.51H12c.42 0 .75.34.75.76c0 .41-.33.75-.75.75m2.78-3.71H7.36a.755.755 0 0 1 0-1.51h7.42c.42 0 .76.34.76.76c0 .41-.34.75-.76.75"/></g></svg>

Comment utiliser l'icône Note Filled

React

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

<Icon icon="reicon:note-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:note-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:note-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--note-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:note-filled"></div>

Web component

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

<iconify-icon icon="reicon:note-filled"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/reicon/note-filled.svg" alt="Icône Note Filled" width="24" height="24">

Icônes similaires dans Reicon

L'icône Note Filled dans d'autres collections

FAQ : Icône Note Filled

L'icône Note Filled est-elle gratuite pour un usage commercial ?

Oui. Les Reicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Note Filled dans React ?

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

Comment ajouter l'icône Note Filled à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/note-filled.svg" alt="Icône Note Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Reicon →