Icône Fountain Pen
streamline-emojis:fountain-pen
L'icône Fountain Pen (streamline-emojis:fountain-pen) est une icône SVG gratuite de la collection Streamline Emojis par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Streamline Emojis 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
- Streamline Emojis
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Objets
- Mots-clés
- fountainpen
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M14.22 45.27a9.78 1.73 0 1 0 19.56 0a9.78 1.73 0 1 0-19.56 0" opacity=".15"/><path fill="#c0dceb" d="m30.49 33.504l-5.302 2.226a.58.58 0 0 1-.76-.31l-2.67-6.362l6.36-2.671l2.68 6.38a.58.58 0 0 1-.308.737"/><path fill="#e8f4fa" d="m21.76 29.06l2.67 6.37zm9.04 3.7l-2.68-6.37l-2 .83l2.71 6.44a.5.5 0 0 1-.26.64l1.88-.79a.58.58 0 0 0 .35-.75"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m30.49 33.504l-5.302 2.226a.58.58 0 0 1-.76-.31l-2.67-6.362h0l6.36-2.671h0l2.68 6.38a.58.58 0 0 1-.308.737"/><path fill="#e8f4fa" d="M33.22 40.29a6.85 6.85 0 0 0-.7 4.22l-.91.38a6.8 6.8 0 0 0-3.25-2.35A2 2 0 0 1 27 41.43a9.5 9.5 0 0 1-.52-1.66l-.87-4.19l4.55-1.91l2.39 3.55a10 10 0 0 1 .8 1.5a1.85 1.85 0 0 1-.13 1.57"/><path fill="#fff" d="M33.3 38.72a10 10 0 0 0-.8-1.5l-2.39-3.55l-1.83.77l2.34 3.49a8.3 8.3 0 0 1 .81 1.5a1.9 1.9 0 0 1-.09 1.57a7.3 7.3 0 0 0-.77 2.79a6.4 6.4 0 0 1 1 1.1l.91-.38a6.85 6.85 0 0 1 .7-4.22a1.85 1.85 0 0 0 .12-1.57"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.22 40.29a6.85 6.85 0 0 0-.7 4.22l-.91.38a6.8 6.8 0 0 0-3.25-2.35A2 2 0 0 1 27 41.43a9.5 9.5 0 0 1-.52-1.66l-.87-4.19l4.55-1.91l2.39 3.55a10 10 0 0 1 .8 1.5a1.85 1.85 0 0 1-.13 1.57m-1.15 4.41l-2.23-5.3"/><path fill="#45413c" d="M28.78 39.84a1.15 1.15 0 1 1 1.51.62a1.15 1.15 0 0 1-1.51-.62"/><path fill="#87898c" d="m28.74 24.88l-7.8-18.56a4.6 4.6 0 1 0-8.48 3.57l7.79 18.56a1.15 1.15 0 0 0 1.51.61l6.36-2.67a1.16 1.16 0 0 0 .62-1.51"/><path fill="#bdbec0" d="m12.46 9.88l7.79 18.57zm16.28 15l-7.8-18.56a4.6 4.6 0 0 0-6-2.46a4.5 4.5 0 0 0-.53.29a3.4 3.4 0 0 1 3.87 2l8.38 20a.85.85 0 0 1-.46 1.11l-3.07 1.3l5-2.11a1.16 1.16 0 0 0 .61-1.57"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m28.74 24.88l-7.8-18.56a4.6 4.6 0 1 0-8.48 3.57l7.79 18.56a1.15 1.15 0 0 0 1.51.61l6.36-2.67a1.16 1.16 0 0 0 .62-1.51m1.92 6.06l-7.43 3.12"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.53 10.67a1.15 1.15 0 1 1 2.12-.89l4 9.55a1.15 1.15 0 0 1-2.12.89Z"/></svg>
Comment utiliser l'icône Fountain Pen
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:fountain-pen" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:fountain-pen" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:fountain-pen" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--fountain-pen]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:fountain-pen"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:fountain-pen"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/fountain-pen.svg" alt="Icône Fountain Pen" width="24" height="24">
Icônes similaires dans Streamline Emojis
L'icône Fountain Pen dans d'autres collections
FAQ : Icône Fountain Pen
L'icône Fountain Pen est-elle gratuite pour un usage commercial ?
Oui. Les Streamline Emojis 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 Fountain Pen dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-emojis:fountain-pen" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Fountain Pen à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-emojis/fountain-pen.svg" alt="Icône Fountain Pen">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Streamline Emojis →
ICONYZ
