Icono Preview Close
icon-park:preview-close
El icono Preview Close (icon-park:preview-close) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Básicos
- Etiquetas
- previewclose
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M6 16C6.63472 17.2193 7.59646 18.3504 8.82276 19.3554C12.261 22.1733 17.779 24 24 24C30.221 24 35.739 22.1733 39.1772 19.3554C40.4035 18.3504 41.3653 17.2193 42 16"/><path d="M28.9775 24L31.048 31.7274"/><path d="M37.3535 21.3536L43.0103 27.0104"/><path d="M5.00004 27.0103L10.6569 21.3534"/><path d="M16.9278 31.7276L18.9983 24.0001"/></g></svg>Cómo usar el icono Preview Close
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:preview-close" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:preview-close" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:preview-close" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--preview-close]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:preview-close"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:preview-close"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/preview-close.svg" alt="Icono Preview Close" width="24" height="24">Iconos relacionados en IconPark
El icono Preview Close en otras colecciones
Preguntas frecuentes sobre Icono Preview Close
¿El icono Preview Close es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Preview Close en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:preview-close" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Preview Close a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/preview-close.svg" alt="Icono Preview Close">, o pega el código SVG en línea para darle estilo con CSS.