Icono Toolkit
icon-park:toolkit
El icono Toolkit (icon-park:toolkit) 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="M8 25V38C8 39.6569 9.34315 41 11 41H37C38.6569 41 40 39.6569 40 38V25"/><path fill="#2F88FF" d="M5 15C5 13.8954 5.89543 13 7 13H41C42.1046 13 43 13.8954 43 15V23C43 24.1046 42.1046 25 41 25H7C5.89543 25 5 24.1046 5 23V15Z"/><path stroke-linecap="round" d="M31 13V9C31 7.89543 30.1046 7 29 7H19C17.8954 7 17 7.89543 17 9V13"/><path stroke-linecap="round" d="M15 23V29"/><path stroke-linecap="round" d="M33 23V29"/></g></svg>Cómo usar el icono Toolkit
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:toolkit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:toolkit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:toolkit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--toolkit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:toolkit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:toolkit"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/toolkit.svg" alt="Icono Toolkit" width="24" height="24">El icono Toolkit en otras colecciones
Preguntas frecuentes sobre Icono Toolkit
¿El icono Toolkit 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 Toolkit en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:toolkit" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Toolkit a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/toolkit.svg" alt="Icono Toolkit">, o pega el código SVG en línea para darle estilo con CSS.