ICONYZ
Русский
Иконка Pen Tool Solid из набора Flex free icons

Иконка Pen Tool Solid

streamline-flex:pen-tool-solid

Иконка Pen Tool Solid (streamline-flex:pen-tool-solid) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Flex free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
14 × 14
Категория
Основы интерфейса
Теги
pentool, toolsolid, pentoolsolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M13.342 5.616c-1.13 1.13-2.422 2.016-3.483 2.627A5.5 5.5 0 0 0 8.38 5.61a5.5 5.5 0 0 0-2.608-1.473c.61-1.059 1.493-2.345 2.62-3.472a1.27 1.27 0 0 1 1.795 0l3.154 3.154a1.27 1.27 0 0 1 0 1.796m-5.845.879c.798.798 1.226 1.805 1.241 2.807v.145c-.024.955-.425 1.896-1.241 2.637c-1.805 1.64-4.546 1.754-6.229 1.541l2.462-2.461q.25.072.56.072c.97 0 1.516-.546 1.516-1.516S5.26 8.203 4.29 8.203S2.773 8.75 2.773 9.72q0 .31.073.56L.37 12.755a10.5 10.5 0 0 1-.083-1.488c.024-1.56.398-3.427 1.62-4.772c1.556-1.712 3.992-1.598 5.59 0" clip-rule="evenodd"/></svg>

Как использовать иконку Pen Tool Solid

React

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

<Icon icon="streamline-flex:pen-tool-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:pen-tool-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:pen-tool-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--pen-tool-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:pen-tool-solid"></div>

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

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

<iconify-icon icon="streamline-flex:pen-tool-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-flex/pen-tool-solid.svg" alt="Иконка Pen Tool Solid" width="24" height="24">

Похожие иконки в наборе Flex free icons

Иконка pen-1
pen-1
 Иконка pen-1-remix
pen-1-remix
 Иконка pen-1-solid
pen-1-solid
 Иконка pen-tool
pen-tool
 Иконка pen-tool-remix
pen-tool-remix
 Иконка pencil-square
pencil-square
 Иконка pencil-square-remix
pencil-square-remix
 Иконка pencil-square-solid
pencil-square-solid

Иконка Pen Tool Solid в других наборах

Иконка Pen Tool Solid из набора Plump free icons
Plump free icons
 Иконка Pen Tool Solid из набора Sharp free icons
Sharp free icons
 Иконка Pen Tool Solid из набора Streamline
Streamline

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

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

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

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

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

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

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

Все Flex free icons →