Icono Trace
icon-park:trace
El icono Trace (icon-park:trace) 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
- Otros
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-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24"/><path stroke-linecap="round" d="M24 15C19.0294 15 15 19.0294 15 24C15 28.9706 19.0294 33 24 33C28.9706 33 33 28.9706 33 24"/><path stroke-linecap="round" d="M24 24.0001L30.3 17.6943"/><path fill="#2F88FF" d="M30.2998 11.4264V17.7H36.6249L41.9999 12.3002H35.7031V6L30.2998 11.4264Z"/></g></svg>Cómo usar el icono Trace
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:trace" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:trace" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:trace" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--trace]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:trace"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:trace"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/trace.svg" alt="Icono Trace" width="24" height="24">El icono Trace en otras colecciones
Preguntas frecuentes sobre Icono Trace
¿El icono Trace 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 Trace en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:trace" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Trace a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/trace.svg" alt="Icono Trace">, o pega el código SVG en línea para darle estilo con CSS.