Иконка Clipboard Pen Line

hugeicons:clipboard-pen-line

Иконка Clipboard Pen Line (hugeicons:clipboard-pen-line) — бесплатная SVG-иконка из набора Huge Icons от Hugeicons. Она нарисована на сетке 24 × 24. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Huge Icons
Автор: Hugeicons
Лицензия: MIT
Размер: 24 × 24
Теги: clipboardpen, penline, clipboardpenline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M8 4v1c0 .943 0 1.414.293 1.707S9.057 7 10 7h4c.943 0 1.414 0 1.707-.293S16 5.943 16 5V4"/><path fill="currentColor" d="M19.248 9.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM16 4.017l.023-.75h-.015zM14.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zM8 4.017l-.008-.75h-.015zm-3.121.862l.53.53zm.917 17.591a.75.75 0 0 0 .408-1.443L6 21.75zm-.917-1.349l.53-.53zM19.999 9l.75-.004c-.007-1.082-.033-1.983-.168-2.72c-.14-.758-.404-1.403-.93-1.928l-.53.53l-.53.531c.243.243.41.572.515 1.138c.108.589.136 1.364.142 2.457zM16 4.017l-.023.75c1.565.047 2.203.231 2.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zm0 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM14.45 4l.735-.15A3.25 3.25 0 0 0 12 1.25v1.5c.846 0 1.553.6 1.715 1.4zM12 2v-.75a3.25 3.25 0 0 0-3.185 2.6L9.55 4l.735.15A1.75 1.75 0 0 1 12 2.75zM8 4.017l.008.75l1.55-.017L9.55 4l-.008-.75l-1.55.017zm0 0l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zM4 10h.75c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399l-.53-.53l-.53-.53c-.603.601-.861 1.36-.982 2.26c-.119.878-.117 1.998-.117 3.391zm0 0h-.75v6h1.5v-6zm2 11.749l.204-.722c-.36-.102-.602-.243-.795-.436l-.53.53l-.53.53c.406.407.888.661 1.447.82zM4 16h-.75c0 1.393-.002 2.513.117 3.392c.12.9.38 1.658.981 2.26l.53-.53l.531-.531c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 22v-1.339c0-.606.24-1.187.67-1.616l4.64-4.64a1.38 1.38 0 0 1 1.951 0l.335.334a1.38 1.38 0 0 1 0 1.95l-4.64 4.642a2.3 2.3 0 0 1-1.617.669zm-5 0h2"/></g></svg>

Как использовать иконку Clipboard Pen Line

React

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

<Icon icon="hugeicons:clipboard-pen-line" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:clipboard-pen-line" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:clipboard-pen-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--clipboard-pen-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:clipboard-pen-line"></div>

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

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

<iconify-icon icon="hugeicons:clipboard-pen-line"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/hugeicons/clipboard-pen-line.svg" alt="Иконка Clipboard Pen Line" width="24" height="24">

Иконка Clipboard Pen Line в других наборах

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

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

Да. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Huge Icons →