Icono Url
il:url
El icono Url (il:url) es un icono SVG gratuito de la colección Icalicons de Icalia Labs. Está dibujado en una cuadrícula de 680 × 810. Icalicons se publican bajo la licencia MIT, 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
- Icalicons
- Autor
- Icalia Labs
- Licencia
- MIT
- Tamaño
- 680 × 810
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="810" viewBox="0 0 680 810"><path fill="currentColor" d="M341 537q3 1 4 4t-1 6l-83 83q-20 20-46 32t-53 14t-54-4t-49-25q-27-21-42-51T1 536t9-61t34-54l129-129q31-31 72-46t84-8q38 6 60 22t35 37q2 5-.5 7.5T418 309t-7 6l-7 7q-10 11-24 11t-25.5-11.5T329 304t-31-5t-30 5t-27 18L93 470q-13 13-19 30t-4 34t10 34t26 27q25 17 54 12t49-24l64-63q2-3 6-1q30 13 62 18M619 31q27 21 42 50t17 60t-9 62t-35 54L505 386q-31 31-72 45t-85 8q-38-5-59-22t-35-37q-2-4 1-7l18-18q11-10 25-10t24 10q12 12 27 18t31 6t31-6t26-18l148-147q13-13 19-31t4-35t-11-33t-26-27q-24-16-53-12t-50 25l-63 63q-3 3-6 1q-28-12-62-19q-4 0-4-4t1-5l83-83q20-20 46-32t52-15t54 5t50 25"/></svg>Cómo usar el icono Url
React
import { Icon } from "@iconify/react";
<Icon icon="il:url" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="il:url" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="il:url" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[il--url]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:url"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="il:url"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/il/url.svg" alt="Icono Url" width="24" height="24">El icono Url en otras colecciones
Preguntas frecuentes sobre Icono Url
¿El icono Url es gratis para uso comercial?
Sí. Icalicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Url en React?
Instala @iconify/react y renderiza <Icon icon="il:url" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Url a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/il/url.svg" alt="Icono Url">, o pega el código SVG en línea para darle estilo con CSS.