Иконка Clipboard Plus

hugeicons:clipboard-plus

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

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

Скачать 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="m14.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zm9.571.879l.53-.53zm0 16.242l.53.53zM16 4.017l.023-.75h-.015zM4.879 4.88l.53.53zM8 4.017l-.008-.75h-.015zM14.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 8h.75c0-1.393.002-2.513-.116-3.392c-.122-.9-.38-1.658-.982-2.26l-.53.53l-.531.531c.277.277.457.665.556 1.4c.101.754.103 1.756.103 3.191zm0 6h.75v-6h-1.5v6zm0 0h-.75c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399l.53.53l.53.53c.603-.601.861-1.36.983-2.26c.118-.878.116-1.998.116-3.391zm-6 6v.75c1.393 0 2.513.002 3.392-.116c.9-.122 1.658-.38 2.26-.982l-.53-.53l-.531-.531c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103zm2-17.983l-.023.75c1.565.047 2.203.231 2.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zM10 22v.75h4v-1.5h-4zm0 0v-.75c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556l-.53.53l-.53.53c.601.603 1.36.861 2.26.983c.878.118 1.998.116 3.391.116zm-6-6h-.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.191zm0-6h.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.391zm4-5.983l-.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-.75v6h1.5v-6zm4-5.983l.008.75l1.55-.017L9.55 4l-.008-.75l-1.55.017zm8 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.995 11.505v6M15 14.5H9"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="hugeicons:clipboard-plus"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Huge Icons →