ICONYZ
Português (Brasil)
Ícone Copy Duotone de Keyline Icons

Ícone Copy Duotone

keyline-icons:copy-duotone

O ícone Copy Duotone (keyline-icons:copy-duotone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Keyline Icons
Autor
Keyline Icons
Licença
MIT
Tamanho
24 × 24
Tags
copyduotone
Baixar SVG

Código 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="2"><path stroke-opacity=".4" d="M15.8284 4C15.4046 2.8015 14.2714 2 13 2L5 2C3.3432 2 2 3.3432 2 5L2 13C2 14.2714 2.8015 15.4046 4 15.8284"/><path fill="currentColor" d="M11 7H19C21.20912 7 23 8.79088 23 11V19C23 21.20912 21.20912 23 19 23H11C8.79088 23 7 21.20912 7 19V11C7 8.79088 8.79088 7 11 7Z" stroke="none"/></g></svg>

Como usar o ícone Copy Duotone

React

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

<Icon icon="keyline-icons:copy-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:copy-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:copy-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--copy-duotone]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:copy-duotone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/copy-duotone.svg" alt="Ícone Copy Duotone" width="24" height="24">

Ícones relacionados em Keyline Icons

Ícone copy
copy
 Ícone copy-check
copy-check
 Ícone copy-check-duotone
copy-check-duotone
 Ícone copy-check-fill
copy-check-fill
 Ícone copy-check-sharp
copy-check-sharp
 Ícone copy-check-sharp-duotone
copy-check-sharp-duotone
 Ícone copy-check-sharp-fill
copy-check-sharp-fill
 Ícone copy-check-sharp-two-tone
copy-check-sharp-two-tone
 Ícone copy-check-two-tone
copy-check-two-tone
 Ícone copy-fill
copy-fill
 Ícone copy-plus
copy-plus
 Ícone copy-plus-duotone
copy-plus-duotone
 Ícone copy-plus-fill
copy-plus-fill
 Ícone copy-plus-sharp
copy-plus-sharp
 Ícone copy-plus-sharp-duotone
copy-plus-sharp-duotone
 Ícone copy-plus-sharp-fill
copy-plus-sharp-fill
 Ícone copy-plus-sharp-two-tone
copy-plus-sharp-two-tone
 Ícone copy-plus-two-tone
copy-plus-two-tone
 Ícone copy-sharp
copy-sharp
 Ícone copy-sharp-duotone
copy-sharp-duotone
 Ícone copy-sharp-fill
copy-sharp-fill
 Ícone copy-sharp-two-tone
copy-sharp-two-tone
 Ícone copy-two-tone
copy-two-tone

O ícone Copy Duotone em outras coleções

Ícone Copy Duotone de Phosphor
Phosphor
 Ícone Copy Duotone de IconaMoon
IconaMoon
 Ícone Copy Duotone de Lucide Extended
Lucide Extended
 Ícone Copy Duotone de Reicon
Reicon
 Ícone Copy Duotone de Sargam Icons
Sargam Icons
 Ícone Copy Duotone de Stash Icons
Stash Icons

Perguntas frequentes sobre Ícone Copy Duotone

O ícone Copy Duotone é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Copy Duotone no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:copy-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Copy Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/copy-duotone.svg" alt="Ícone Copy Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →