Icono Endpoint Displacement
icon-park-solid:endpoint-displacement
El icono Endpoint Displacement (icon-park-solid:endpoint-displacement) es un icono SVG gratuito de la colección IconPark Solid de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark Solid 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 Solid
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Edición
- Etiquetas
- endpointdisplacement
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="currentColor" d="M16 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M16 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0m0 0h11m0 0l-4-4m4 4l-4 4"/><path fill="currentColor" d="M32 38a5 5 0 1 0 10 0a5 5 0 0 0-10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M32 38a5 5 0 1 0 10 0a5 5 0 0 0-10 0m0 0H21m0 0l4-4m-4 4l4 4"/><path fill="currentColor" d="M33 11a5 5 0 1 0 10 0a5 5 0 0 0-10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M38 16a5 5 0 1 1 0-10a5 5 0 0 1 0 10m0 0v11m0 0l4-4m-4 4l-4-4"/><path fill="currentColor" d="M5 37a5 5 0 1 1 10 0a5 5 0 0 1-10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M10 32a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 0V21m0 0l4 4m-4-4l-4 4"/></g></svg>Cómo usar el icono Endpoint Displacement
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:endpoint-displacement" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:endpoint-displacement" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:endpoint-displacement" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--endpoint-displacement]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:endpoint-displacement"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:endpoint-displacement"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/endpoint-displacement.svg" alt="Icono Endpoint Displacement" width="24" height="24">El icono Endpoint Displacement en otras colecciones
Preguntas frecuentes sobre Icono Endpoint Displacement
¿El icono Endpoint Displacement es gratis para uso comercial?
Sí. IconPark Solid icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Endpoint Displacement en React?
Instala @iconify/react y renderiza <Icon icon="icon-park-solid:endpoint-displacement" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Endpoint Displacement a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park-solid/endpoint-displacement.svg" alt="Icono Endpoint Displacement">, o pega el código SVG en línea para darle estilo con CSS.