ICONYZ
Español
Icono Letter Case Toggle de Radix Icons

Icono Letter Case Toggle

radix-icons:letter-case-toggle

El icono Letter Case Toggle (radix-icons:letter-case-toggle) es un icono SVG gratuito de la colección Radix Icons de WorkOS. Está dibujado en una cuadrícula de 15 × 15. Radix 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
Radix Icons
Autor
WorkOS
Licencia
MIT
Tamaño
15 × 15
Etiquetas
lettercase, casetoggle, lettercasetoggle
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M11.29 2.75a.5.5 0 0 1 .466.32l3.21 8.32l.027.097a.5.5 0 0 1-.914.352l-.046-.09l-1.05-2.724H9.61L8.567 11.75l-.046.09a.5.5 0 0 1-.888-.449l3.19-8.319l.032-.07a.5.5 0 0 1 .434-.251M2.898 5.207c.893 0 1.706.395 2.255 1.017V5.72a.45.45 0 0 1 .9 0v5.809a.45.45 0 0 1-.9 0v-.51a3.06 3.06 0 0 1-2.255.993c-1.54 0-2.89-1.379-2.89-3.403c0-1.924 1.25-3.402 2.89-3.402m.187.85c-.978 0-2.05.909-2.05 2.552c0 1.544.973 2.552 2.05 2.552c.884 0 1.686-.669 2.068-1.366v-2.49c-.39-.722-1.212-1.248-2.068-1.248m6.85 2.119h2.718L11.29 4.642z"/></svg>

Cómo usar el icono Letter Case Toggle

React

import { Icon } from "@iconify/react";

<Icon icon="radix-icons:letter-case-toggle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="radix-icons:letter-case-toggle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="radix-icons:letter-case-toggle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--letter-case-toggle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:letter-case-toggle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="radix-icons:letter-case-toggle"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/radix-icons/letter-case-toggle.svg" alt="Icono Letter Case Toggle" width="24" height="24">

Iconos relacionados en Radix Icons

El icono Letter Case Toggle en otras colecciones

Preguntas frecuentes sobre Icono Letter Case Toggle

¿El icono Letter Case Toggle es gratis para uso comercial?

Sí. Radix Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Letter Case Toggle en React?

Instala @iconify/react y renderiza <Icon icon="radix-icons:letter-case-toggle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Letter Case Toggle a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/radix-icons/letter-case-toggle.svg" alt="Icono Letter Case Toggle">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Radix Icons →