ICONYZ
Português (Brasil)
Ícone Content Copy de Material Symbols Light

Ícone Content Copy

material-symbols-light:content-copy

O ícone Content Copy (material-symbols-light:content-copy) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, 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
Material Symbols Light
Autor
Google
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Texto
Tags
content, copy, cut, doc, document, duplicate, file, multiple, paste, stack, contentcopy
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.116 17q-.691 0-1.153-.462T7.5 15.385V4.615q0-.69.463-1.153T9.116 3h7.769q.69 0 1.153.462t.462 1.153v10.77q0 .69-.462 1.152T16.884 17zm-3 3q-.691 0-1.153-.462T4.5 18.385V6.615h1v11.77q0 .23.192.423t.423.192h8.77v1z"/></svg>

Como usar o ícone Content Copy

React

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

<Icon icon="material-symbols-light:content-copy" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:content-copy" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:content-copy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--content-copy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:content-copy"></div>

Web component

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

<iconify-icon icon="material-symbols-light:content-copy"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/content-copy.svg" alt="Ícone Content Copy" width="24" height="24">

Ícones relacionados em Material Symbols Light

Ícone content-copy-outline
content-copy-outline
 Ícone content-copy-outline-rounded
content-copy-outline-rounded
 Ícone content-copy-outline-sharp
content-copy-outline-sharp
 Ícone content-copy-rounded
content-copy-rounded
 Ícone content-copy-sharp
content-copy-sharp
 Ícone content-cut
content-cut
 Ícone content-cut-rounded
content-cut-rounded
 Ícone content-paste
content-paste
 Ícone content-paste-go
content-paste-go
 Ícone content-paste-go-rounded
content-paste-go-rounded
 Ícone content-paste-go-sharp
content-paste-go-sharp
 Ícone content-paste-off
content-paste-off
 Ícone content-paste-off-rounded
content-paste-off-rounded
 Ícone content-paste-off-sharp
content-paste-off-sharp
 Ícone content-paste-rounded
content-paste-rounded
 Ícone content-paste-search
content-paste-search
 Ícone content-paste-search-rounded
content-paste-search-rounded
 Ícone content-paste-search-sharp
content-paste-search-sharp
 Ícone content-paste-sharp
content-paste-sharp

O ícone Content Copy em outras coleções

Ícone Content Copy de Material Design Icons
Material Design Icons
 Ícone Content Copy de Material Symbols
Material Symbols
 Ícone Content Copy de Streamline Block
Streamline Block

Perguntas frequentes sobre Ícone Content Copy

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

Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Content Copy no React?

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

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

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

Ver todos os Ícones Material Symbols Light →