Icono Exchange
ls:exchange
El icono Exchange (ls:exchange) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 799 × 658. Ligature Symbols 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
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 799 × 658
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="799" height="658" viewBox="0 0 799 658"><path fill="currentColor" d="M696.033 490h81c24 0 28 14 11 30l-118 119c-10 11-29 11-40 0l-119-119c-16-16-12-30 12-30h81V196c-4-41-38-72-80-72c-43 0-78 33-80 75v296c-3 62-40 117-92 145c-24 12-50 18-79 18s-54-6-78-18c-53-28-91-83-93-146V204h-80c-24 0-29-13-12-29l118-119c11-11 30-11 40 0l119 119c17 16 12 29-12 29h-80v291c2 42 35 76 78 76s79-36 79-79V199c3-63 39-116 92-144c24-12 51-19 80-19s55 7 80 19c51 27 87 79 92 140z"/></svg>Cómo usar el icono Exchange
React
import { Icon } from "@iconify/react";
<Icon icon="ls:exchange" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:exchange" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:exchange" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--exchange]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:exchange"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:exchange"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/exchange.svg" alt="Icono Exchange" width="24" height="24">El icono Exchange en otras colecciones
Preguntas frecuentes sobre Icono Exchange
¿El icono Exchange es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Exchange en React?
Instala @iconify/react y renderiza <Icon icon="ls:exchange" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Exchange a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/exchange.svg" alt="Icono Exchange">, o pega el código SVG en línea para darle estilo con CSS.