Icono Chart Scatter
icon-park:chart-scatter
El icono Chart Scatter (icon-park:chart-scatter) 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
- Gráficos
- Etiquetas
- chartscatter
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 6V42H42"/><path fill="#000" fill-rule="evenodd" d="M20 24C22.2091 24 24 22.2091 24 20C24 17.7909 22.2091 16 20 16C17.7909 16 16 17.7909 16 20C16 22.2091 17.7909 24 20 24Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M37 16C39.7614 16 42 13.7614 42 11C42 8.23858 39.7614 6 37 6C34.2386 6 32 8.23858 32 11C32 13.7614 34.2386 16 37 16Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M15 36C16.6569 36 18 34.6569 18 33C18 31.3431 16.6569 30 15 30C13.3431 30 12 31.3431 12 33C12 34.6569 13.3431 36 15 36Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M33 32C34.6569 32 36 30.6569 36 29C36 27.3431 34.6569 26 33 26C31.3431 26 30 27.3431 30 29C30 30.6569 31.3431 32 33 32Z" clip-rule="evenodd"/></g></svg>
Cómo usar el icono Chart Scatter
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:chart-scatter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:chart-scatter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:chart-scatter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--chart-scatter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:chart-scatter"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:chart-scatter"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/chart-scatter.svg" alt="Icono Chart Scatter" width="24" height="24">
Iconos relacionados en IconPark
El icono Chart Scatter en otras colecciones
Preguntas frecuentes sobre Icono Chart Scatter
¿El icono Chart Scatter 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 Chart Scatter en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:chart-scatter" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chart Scatter a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/chart-scatter.svg" alt="Icono Chart Scatter">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
