Иконка Pen 1 Flat

streamline-plump-color:pen-1-flat

Иконка Pen 1 Flat (streamline-plump-color:pen-1-flat) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Основы интерфейса
Теги: penflat

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" fill-rule="evenodd" d="M7.414 40.586a2 2 0 0 1 0 2.828l-3 3a2 2 0 1 1-2.828-2.828l3-3a2 2 0 0 1 2.828 0" clip-rule="evenodd"/><path fill="#8fbffa" d="M32.539 23.061a1.5 1.5 0 0 0 2.2-.084l9.955-11.615c1.084-1.264 2.103-3.39.996-5.474a8.6 8.6 0 0 0-1.53-2.048a8.6 8.6 0 0 0-2.048-1.53c-2.084-1.107-4.21-.088-5.474.996l-11.615 9.955a1.5 1.5 0 0 0-.084 2.2z"/><path fill="#2859c5" d="M35.2 3.798c-3.071-1.999-6.66-.871-8.924 1.386L5.108 26.277a5.32 5.32 0 0 0-1.571 3.459c-.102 1.75-.25 5.065-.298 10.111c-.005.517.15 1.048.484 1.495a14.3 14.3 0 0 0 2.935 2.936c.447.333.978.488 1.495.483c5.046-.049 8.362-.196 10.112-.298a5.32 5.32 0 0 0 3.458-1.57l21.094-21.169c2.257-2.264 3.384-5.853 1.386-8.924c-.924-1.42-2.23-3.102-4.065-4.937S36.62 4.72 35.2 3.798"/><path fill="#8fbffa" d="M41.225 23.321c-.28-.44-.646-.98-1.112-1.612c-1.304-1.77-3.389-4.257-6.587-7.277s-5.827-4.986-7.694-6.213a32 32 0 0 0-1.607-.992l-3.567 3.555l.106.266l-.002-.001l-.005-.002l-.004-.002h.002l.007.004l.084.04q.128.058.424.217a24 24 0 0 1 1.817 1.094c1.616 1.062 4.017 2.845 7.006 5.669c2.99 2.824 4.875 5.087 5.994 6.607a22 22 0 0 1 1.15 1.702a10 10 0 0 1 .263.465l.002.004q.035.07.073.14zM18.844 44.397a88 88 0 0 0-.582-.799c-1.518-2.063-3.724-4.81-6.475-7.552s-5.508-4.94-7.579-6.453q-.313-.228-.605-.437q-.049.286-.066.58c-.102 1.75-.25 5.065-.298 10.111c-.005.517.15 1.048.484 1.495a14.3 14.3 0 0 0 2.935 2.936c.447.333.978.488 1.495.483c5.046-.049 8.362-.196 10.112-.298q.293-.017.579-.066"/><path fill="#2859c5" fill-rule="evenodd" d="M18.414 4.757c1.104-1.104 2.718-1.846 4.497-1.612c1.338.176 3.37.591 5.118 1.64a2 2 0 1 1-2.058 3.43c-1.052-.631-2.445-.955-3.581-1.104c-.324-.043-.75.078-1.147.475l-8.829 8.828a2 2 0 0 1-2.828-2.829z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Pen 1 Flat

React

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

<Icon icon="streamline-plump-color:pen-1-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:pen-1-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:pen-1-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--pen-1-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:pen-1-flat"></div>

Веб-компонент

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

<iconify-icon icon="streamline-plump-color:pen-1-flat"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/pen-1-flat.svg" alt="Иконка Pen 1 Flat" width="24" height="24">

Иконка Pen 1 Flat в других наборах

Вопросы и ответы: Иконка Pen 1 Flat

Можно ли бесплатно использовать иконку Pen 1 Flat в коммерческих проектах?

Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Pen 1 Flat в React?

Установите @iconify/react и выведите <Icon icon="streamline-plump-color:pen-1-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Pen 1 Flat на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/pen-1-flat.svg" alt="Иконка Pen 1 Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump color icons →