Icono Swap Left Right
ix:swap-left-right
El icono Swap Left Right (ix:swap-left-right) es un icono SVG gratuito de la colección Siemens Industrial Experience Icons de Siemens AG. Está dibujado en una cuadrícula de 512 × 512. Siemens Industrial Experience Icons 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
- Siemens Industrial Experience Icons
- Autor
- Siemens AG
- Licencia
- MIT
- Tamaño
- 512 × 512
- Etiquetas
- swapleft, leftright, swapleftright
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m341.334 213.334l128 128l-128 128l-30.294-30.294l76.587-76.373H213.334V320h174.293l-76.587-76.373zM170.667 42.667L200.96 72.96l-76.586 76.374h174.293V192H124.374l76.586 76.374l-30.293 30.293l-128-128z"/></svg>Cómo usar el icono Swap Left Right
React
import { Icon } from "@iconify/react";
<Icon icon="ix:swap-left-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:swap-left-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:swap-left-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--swap-left-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:swap-left-right"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:swap-left-right"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ix/swap-left-right.svg" alt="Icono Swap Left Right" width="24" height="24">Preguntas frecuentes sobre Icono Swap Left Right
¿El icono Swap Left Right es gratis para uso comercial?
Sí. Siemens Industrial Experience Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Swap Left Right en React?
Instala @iconify/react y renderiza <Icon icon="ix:swap-left-right" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Swap Left Right a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ix/swap-left-right.svg" alt="Icono Swap Left Right">, o pega el código SVG en línea para darle estilo con CSS.