Icono Clipboard Type
hugeicons:clipboard-type
El icono Clipboard Type (hugeicons:clipboard-type) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Huge Icons
- Autor
- Hugeicons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- clipboardtype
Código 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.017zM12.75 12a.75.75 0 1 0-1.5 0zm-1.5 6a.75.75 0 0 0 1.5 0zM10 17.25a.75.75 0 0 0 0 1.5zm4 1.5a.75.75 0 1 0 0-1.5zm.25-5.75a.75.75 0 1 0 1.5 0zm-6 0a.75.75 0 0 0 1.5 0zM12 12h-.75v6h1.5v-6zm-2 6v.75h4v-1.5h-4zm0-6v.75h4v-1.5h-4zm4 0v.75a.25.25 0 0 1 .25.25h1.5A1.75 1.75 0 0 0 14 11.25zm-4 0v-.75A1.75 1.75 0 0 0 8.25 13h1.5a.25.25 0 0 1 .25-.25z"/></g></svg>
Cómo usar el icono Clipboard Type
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:clipboard-type" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:clipboard-type" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:clipboard-type" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--clipboard-type]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:clipboard-type"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:clipboard-type"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/clipboard-type.svg" alt="Icono Clipboard Type" width="24" height="24">
Iconos relacionados en Huge Icons
El icono Clipboard Type en otras colecciones
Preguntas frecuentes sobre Icono Clipboard Type
¿El icono Clipboard Type es gratis para uso comercial?
Sí. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Clipboard Type en React?
Instala @iconify/react y renderiza <Icon icon="hugeicons:clipboard-type" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Clipboard Type a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/clipboard-type.svg" alt="Icono Clipboard Type">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Huge Icons →
ICONYZ
