Icono Wrench Alt
el:wrench-alt
El icono Wrench Alt (el:wrench-alt) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive Icons se publican bajo la Open Font License, 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
- Etiquetas
- wrenchalt
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600s600-268.629 600-600S931.371 0 600 0m163.403 239.868c22.729-.064 45.519 3.784 67.163 11.572L711.108 370.898l32.959 85.033L829.1 488.89l119.46-119.456c24.923 69.264 9.648 149.801-45.85 205.299s-135.962 70.771-205.225 45.85L357.86 960.133L239.868 842.139l339.551-339.624c-24.922-69.263-9.647-149.726 45.85-205.225c38.155-38.155 88.127-57.281 138.134-57.422m-430.81 578.54c-13.543 13.542-13.543 35.457 0 48.999s35.457 13.542 48.999 0s13.542-35.457 0-48.999c-14.679-13.344-36.351-12.267-48.999 0"/></svg>Cómo usar el icono Wrench Alt
React
import { Icon } from "@iconify/react";
<Icon icon="el:wrench-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:wrench-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:wrench-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--wrench-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:wrench-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:wrench-alt"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/wrench-alt.svg" alt="Icono Wrench Alt" width="24" height="24">Iconos relacionados en Elusive Icons
Preguntas frecuentes sobre Icono Wrench Alt
¿El icono Wrench Alt es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Wrench Alt en React?
Instala @iconify/react y renderiza <Icon icon="el:wrench-alt" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Wrench Alt a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/wrench-alt.svg" alt="Icono Wrench Alt">, o pega el código SVG en línea para darle estilo con CSS.