ICONYZ
Русский
Иконка Clipboard Copy из набора Huge Icons

Иконка Clipboard Copy

hugeicons:clipboard-copy

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

Набор
Huge Icons
Автор
Hugeicons
Лицензия
MIT
Размер
24 × 24
Теги
clipboardcopy
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M11.502 13h9m-7-3s-3 2.21-3 3s3 3 3 3m.496-14h-5a1.5 1.5 0 0 0 0 3h5a1.5 1.5 0 1 0 0-3"/><path d="M15.498 3.5c1.554.047 2.48.22 3.121.862c.828.827.876 2.129.879 4.638m-12-5.5c-1.553.047-2.48.22-3.121.862c-.879.878-.879 2.293-.879 5.121V16c0 2.828 0 4.242.879 5.121C5.255 22 6.67 22 9.498 22h4c2.829 0 4.243 0 5.121-.879c.769-.768.865-1.946.877-4.12"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

Похожие иконки в наборе Huge Icons

Иконка clipboard
clipboard
 Иконка clipboard-check
clipboard-check
 Иконка clipboard-clock
clipboard-clock
 Иконка clipboard-list
clipboard-list
 Иконка clipboard-minus
clipboard-minus
 Иконка clipboard-paste
clipboard-paste
 Иконка clipboard-pen
clipboard-pen
 Иконка clipboard-pen-line
clipboard-pen-line
 Иконка clipboard-plus
clipboard-plus
 Иконка clipboard-type
clipboard-type
 Иконка clipboard-x
clipboard-x

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

Иконка Clipboard Copy из набора Lucide
Lucide
 Иконка Clipboard Copy из набора Tabler Icons
Tabler Icons
 Иконка Clipboard Copy из набора HeroIcons v1 Outline
HeroIcons v1 Outline
 Иконка Clipboard Copy из набора HeroIcons v1 Solid
HeroIcons v1 Solid
 Иконка Clipboard Copy из набора IconOven
IconOven
 Иконка Clipboard Copy из набора Keyline Icons
Keyline Icons
 Иконка Clipboard Copy из набора Radix Icons
Radix Icons
 Иконка Clipboard Copy из набора System UIcons
System UIcons

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

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

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

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

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

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

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

Все Huge Icons →