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

Иконка Copy Link

hugeicons:copy-link

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

Набор
Huge Icons
Автор
Hugeicons
Лицензия
MIT
Размер
24 × 24
Теги
copylink
Скачать 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="M14.556 13.218a2.67 2.67 0 0 1-3.774-3.774l2.359-2.36a2.67 2.67 0 0 1 3.628-.135m-.325-3.167a2.669 2.669 0 1 1 3.774 3.774l-2.359 2.36a2.67 2.67 0 0 1-3.628.135"/><path d="M10.5 3c-3.287 0-4.931 0-6.037.908a4 4 0 0 0-.555.554C3 5.57 3 7.212 3 10.5V13c0 3.771 0 5.657 1.172 6.828S7.229 21 11 21h2.5c3.287 0 4.931 0 6.038-.908q.304-.25.554-.554C21 18.43 21 16.788 21 13.5"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка copy
copy
 Иконка copy-01
copy-01
 Иконка copy-02
copy-02
 Иконка copy-check
copy-check
 Иконка copy-minus
copy-minus
 Иконка copy-plus
copy-plus
 Иконка copy-slash
copy-slash
 Иконка copy-x
copy-x
 Иконка copyleft
copyleft
 Иконка copyright
copyright

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

Иконка Copy Link из набора Carbon
Carbon
 Иконка Copy Link из набора IconPark
IconPark
 Иконка Copy Link из набора IconPark Outline
IconPark Outline
 Иконка Copy Link из набора IconPark Solid
IconPark Solid
 Иконка Copy Link из набора IconPark TwoTone
IconPark TwoTone
 Иконка Copy Link из набора Sharp color icons
Sharp color icons
 Иконка Copy Link из набора Sharp free icons
Sharp free icons

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

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

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

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

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

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

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

Все Huge Icons →