ICONYZ
Español
Icono Fountain Pen de Fluent Emoji

Icono Fountain Pen

fluent-emoji:fountain-pen

El icono Fountain Pen (fluent-emoji:fountain-pen) es un icono SVG gratuito de la colección Fluent Emoji de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Fluent Emoji
Autor
Microsoft Corporation
Licencia
MIT
Tamaño
32 × 32
Etiquetas
fountainpen
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iyb3Dbe)"><path fill="#C3C0C9" d="M29.14 9.348a.89.89 0 1 0-1.257-1.258l-5.551 5.55a.89.89 0 1 0 1.258 1.258z"/><path fill="url(#iYMxh7d)" d="M29.14 9.348a.89.89 0 1 0-1.257-1.258l-5.551 5.55a.89.89 0 1 0 1.258 1.258z"/><path fill="url(#iaKhnNe)" d="M29.14 9.348a.89.89 0 1 0-1.257-1.258l-5.551 5.55a.89.89 0 1 0 1.258 1.258z"/></g><g filter="url(#idRTzyb)"><path fill="#B9B4C1" d="m8.598 18.64l4.015 4.016l-5.503 5.58a1 1 0 0 1-.437.258L2.046 29.82a.4.4 0 0 1-.496-.49l1.245-4.564a1 1 0 0 1 .25-.436z"/></g><path fill="url(#iF9u5hc)" d="m8.598 18.64l4.015 4.016l-5.503 5.58a1 1 0 0 1-.437.258L2.046 29.82a.4.4 0 0 1-.496-.49l1.245-4.564a1 1 0 0 1 .25-.436z"/><path fill="url(#iyo7a8d)" d="m8.598 18.64l4.015 4.016l-5.503 5.58a1 1 0 0 1-.437.258L2.046 29.82a.4.4 0 0 1-.496-.49l1.245-4.564a1 1 0 0 1 .25-.436z"/><path fill="url(#iWhWLLV)" d="m8.598 18.64l4.015 4.016l-5.503 5.58a1 1 0 0 1-.437.258L2.046 29.82a.4.4 0 0 1-.496-.49l1.245-4.564a1 1 0 0 1 .25-.436z"/><circle cx="5.277" cy="26.086" r=".977" fill="url(#iDKEHge)"/><circle cx="5.277" cy="26.086" r=".977" fill="url(#i3dqlEA)"/><path fill="url(#ivy2Ude)" d="M23.026 3.625a3.36 3.36 0 0 1 4.751 4.75L10.86 25.293a1 1 0 0 1-1.414 0l-3.337-3.337a1 1 0 0 1 0-1.414z"/><path fill="url(#iV8Et9H)" d="M23.026 3.625a3.36 3.36 0 0 1 4.751 4.75L10.86 25.293a1 1 0 0 1-1.414 0l-3.337-3.337a1 1 0 0 1 0-1.414z"/><path fill="url(#iPZ4q2c)" d="M23.026 3.625a3.36 3.36 0 0 1 4.751 4.75L10.86 25.293a1 1 0 0 1-1.414 0l-3.337-3.337a1 1 0 0 1 0-1.414z"/><path fill="url(#i3ZBoSd)" d="M23.026 3.625a3.36 3.36 0 0 1 4.751 4.75L10.86 25.293a1 1 0 0 1-1.414 0l-3.337-3.337a1 1 0 0 1 0-1.414z"/><g filter="url(#ikX3Pcc)"><path fill="url(#iwhXBhb)" d="M26.388 4.6a.644.644 0 1 1 .91.91L9.47 23.34a.25.25 0 0 1-.354 0l-.557-.557a.25.25 0 0 1 0-.354z"/></g><g filter="url(#iqahtVb)"><path fill="url(#iQ18UEb)" d="M13.37 12.884a.4.4 0 0 1 .565 0l4.638 4.638a.4.4 0 0 1 0 .566l-.92.918a.4.4 0 0 1-.565 0l-4.637-4.637a.4.4 0 0 1 0-.566z"/><path fill="url(#iKFBAwI)" d="M13.37 12.884a.4.4 0 0 1 .565 0l4.638 4.638a.4.4 0 0 1 0 .566l-.92.918a.4.4 0 0 1-.565 0l-4.637-4.637a.4.4 0 0 1 0-.566z"/></g><g filter="url(#iY7qgCb)"><path fill="url(#idssH3c)" d="M23.456 3.033a.5.5 0 0 1 .707 0l4.244 4.245a.5.5 0 0 1 0 .707l-1.02 1.02a.2.2 0 0 1-.284 0l-4.668-4.668a.2.2 0 0 1 0-.282z"/><path fill="url(#iq4GDce)" d="M23.456 3.033a.5.5 0 0 1 .707 0l4.244 4.245a.5.5 0 0 1 0 .707l-1.02 1.02a.2.2 0 0 1-.284 0l-4.668-4.668a.2.2 0 0 1 0-.282z"/></g><defs><linearGradient id="iYMxh7d" x1="24.363" x2="25.238" y1="11.25" y2="12.156" gradientUnits="userSpaceOnUse"><stop offset=".334" stop-color="#A7A7B6"/><stop offset="1" stop-color="#A7A7B6" stop-opacity="0"/></linearGradient><linearGradient id="iF9u5hc" x1="5.144" x2="4.676" y1="29.188" y2="27.688" gradientUnits="userSpaceOnUse"><stop offset=".117" stop-color="#957BAF"/><stop offset="1" stop-color="#B5AAC2" stop-opacity="0"/></linearGradient><linearGradient id="iyo7a8d" x1="10.644" x2="8.722" y1="26.063" y2="24.984" gradientUnits="userSpaceOnUse"><stop offset=".349" stop-color="#9A86B1"/><stop offset="1" stop-color="#9A86B1" stop-opacity="0"/></linearGradient><linearGradient id="ivy2Ude" x1="27.582" x2="7.019" y1="3.187" y2="23.125" gradientUnits="userSpaceOnUse"><stop stop-color="#3A81C6"/><stop offset="1" stop-color="#3270B0"/></linearGradient><linearGradient id="iV8Et9H" x1="13.301" x2="15.832" y1="12.656" y2="15.25" gradientUnits="userSpaceOnUse"><stop stop-color="#3F70AB"/><stop offset="1" stop-color="#3F70AB" stop-opacity="0"/></linearGradient><linearGradient id="iPZ4q2c" x1="19.953" x2="18.663" y1="16.854" y2="15.435" gradientUnits="userSpaceOnUse"><stop offset=".161" stop-color="#456AB9"/><stop offset="1" stop-color="#3677B8" stop-opacity="0"/></linearGradient><linearGradient id="i3ZBoSd" x1="7.738" x2="8.957" y1="23.672" y2="22.344" gradientUnits="userSpaceOnUse"><stop stop-color="#3752AE"/><stop offset="1" stop-color="#3372B3" stop-opacity="0"/></linearGradient><linearGradient id="iwhXBhb" x1="27.298" x2="8.838" y1="4.6" y2="23.061" gradientUnits="userSpaceOnUse"><stop stop-color="#6D9EDE"/><stop offset="1" stop-color="#477EC2"/></linearGradient><linearGradient id="iQ18UEb" x1="12.989" x2="18.276" y1="13.544" y2="18.358" gradientUnits="userSpaceOnUse"><stop stop-color="#AFAEB0"/><stop offset="1" stop-color="#C0B9C8"/></linearGradient><linearGradient id="idssH3c" x1="23.014" x2="28.152" y1="3.642" y2="8.321" gradientUnits="userSpaceOnUse"><stop stop-color="#AFAEB0"/><stop offset="1" stop-color="#C0B9C8"/></linearGradient><radialGradient id="iaKhnNe" cx="0" cy="0" r="1" gradientTransform="rotate(135 12.88 10.076)scale(.97227 .7734)" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E2E5"/><stop offset="1" stop-color="#E3E2E5" stop-opacity="0"/></radialGradient><radialGradient id="iWhWLLV" cx="0" cy="0" r="1" gradientTransform="rotate(136.292 -.207 14.156)scale(1.46983 5.23343)" gradientUnits="userSpaceOnUse"><stop offset=".311" stop-color="#7A738E"/><stop offset="1" stop-color="#7A738E" stop-opacity="0"/></radialGradient><radialGradient id="iDKEHge" cx="0" cy="0" r="1" gradientTransform="rotate(-31.328 49.518 4.202)scale(.84143)" gradientUnits="userSpaceOnUse"><stop stop-color="#A9A8AB"/><stop offset="1" stop-color="#7C7B7E"/></radialGradient><radialGradient id="i3dqlEA" cx="0" cy="0" r="1" gradientTransform="matrix(.46875 -2 1.6524 .38728 5.02 26.922)" gradientUnits="userSpaceOnUse"><stop offset=".547" stop-color="#645D6B" stop-opacity="0"/><stop offset=".93" stop-color="#645D6B"/></radialGradient><radialGradient id="iKFBAwI" cx="0" cy="0" r="1" gradientTransform="rotate(136.637 5.386 10.88)scale(2.12836 3.1968)" gradientUnits="userSpaceOnUse"><stop stop-color="#D7D5DB"/><stop offset="1" stop-color="#D7D5DB" stop-opacity="0"/></radialGradient><radialGradient id="iq4GDce" cx="0" cy="0" r="1" gradientTransform="rotate(135.361 12.289 8.051)scale(2.45618 3.68919)" gradientUnits="userSpaceOnUse"><stop offset=".143" stop-color="#D7D5DB"/><stop offset="1" stop-color="#D7D5DB" stop-opacity="0"/></radialGradient><filter id="iyb3Dbe" width="7.48" height="7.58" x="22.071" y="7.579" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.556863 0 0 0 0 0.470588 0 0 0 0 0.643137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22308"/></filter><filter id="idRTzyb" width="12.078" height="11.695" x="1.536" y="18.641" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.654902 0 0 0 0 0.647059 0 0 0 0 0.662745 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22308"/></filter><filter id="ikX3Pcc" width="22.001" height="22.001" x="6.986" y="2.911" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22308" stdDeviation=".75"/></filter><filter id="iqahtVb" width="6.356" height="6.506" x="12.334" y="12.617" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.6 0 0 0 0 0.541176 0 0 0 0 0.67451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22308"/></filter><filter id="iY7qgCb" width="6.328" height="6.328" x="22.376" y="2.737" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.615686 0 0 0 0 0.615686 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22308"/></filter></defs></g></svg>

Cómo usar el icono Fountain Pen

React

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

<Icon icon="fluent-emoji:fountain-pen" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:fountain-pen" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:fountain-pen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--fountain-pen]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:fountain-pen"></div>

Web component

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

<iconify-icon icon="fluent-emoji:fountain-pen"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/fountain-pen.svg" alt="Icono Fountain Pen" width="24" height="24">

Iconos relacionados en Fluent Emoji

Icono fountain
fountain

El icono Fountain Pen en otras colecciones

Icono Fountain Pen de Material Design Icons
Material Design Icons
 Icono Fountain Pen de Emoji One (Colored)
Emoji One (Colored)
 Icono Fountain Pen de Emoji One (Monotone)
Emoji One (Monotone)
 Icono Fountain Pen de Emoji One (v1)
Emoji One (v1)
 Icono Fountain Pen de Fluent Emoji Flat
Fluent Emoji Flat
 Icono Fountain Pen de Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Icono Fountain Pen de Game Icons
Game Icons
 Icono Fountain Pen de IconOven
IconOven
 Icono Fountain Pen de Noto Emoji
Noto Emoji
 Icono Fountain Pen de Noto Emoji (v1)
Noto Emoji (v1)
 Icono Fountain Pen de OpenMoji
OpenMoji
 Icono Fountain Pen de Streamline Emojis
Streamline Emojis

Preguntas frecuentes sobre Icono Fountain Pen

¿El icono Fountain Pen es gratis para uso comercial?

Sí. Fluent Emoji icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Fountain Pen en React?

Instala @iconify/react y renderiza <Icon icon="fluent-emoji:fountain-pen" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Fountain Pen a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji/fountain-pen.svg" alt="Icono Fountain Pen">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Fluent Emoji →