Иконка Fountain Pen
fluent-emoji:fountain-pen
Иконка Fountain Pen (fluent-emoji:fountain-pen) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- fountainpen
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/fountain-pen.svg" alt="Иконка Fountain Pen" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Fountain Pen в других наборах
Вопросы и ответы: Иконка Fountain Pen
Можно ли бесплатно использовать иконку Fountain Pen в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Fountain Pen в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:fountain-pen" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Fountain Pen на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/fountain-pen.svg" alt="Иконка Fountain Pen">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.