Icono Text Kerning

hugeicons:text-kerning

El icono Text Kerning (hugeicons:text-kerning) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge 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: Huge Icons
Autor: Hugeicons
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: textkerning

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 13.5L20.286 9m0 0l-1.504-3.948a2 2 0 0 0-.09-.211a.67.67 0 0 0-.47-.333C18.17 4.5 18.113 4.5 18 4.5s-.17 0-.222.008a.67.67 0 0 0-.47.333a2 2 0 0 0-.09.21L15.714 9m4.572 0h-4.572m0 0L14 13.5m-12-9l3.218 8.448c.042.11.063.165.09.211c.1.178.273.3.47.333c.052.008.109.008.222.008c.114 0 .17 0 .222-.008a.67.67 0 0 0 .47-.333c.027-.046.048-.101.09-.21L10 4.5m2 15h10m0 0c0 .331-.333.598-1 1.131l-1.086.869m2.086-2c0-.331-.333-.598-1-1.131l-1.086-.869M14.5 2.5l-5 13"/></svg>

Cómo usar el icono Text Kerning

React

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

<Icon icon="hugeicons:text-kerning" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:text-kerning" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:text-kerning" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--text-kerning]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:text-kerning"></div>

Web component

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

<iconify-icon icon="hugeicons:text-kerning"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/text-kerning.svg" alt="Icono Text Kerning" width="24" height="24">

Iconos relacionados en Huge Icons

El icono Text Kerning en otras colecciones

Preguntas frecuentes sobre Icono Text Kerning

¿El icono Text Kerning es gratis para uso comercial?

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

¿Cómo uso el icono Text Kerning en React?

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

¿Cómo añado el icono Text Kerning a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/text-kerning.svg" alt="Icono Text Kerning">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Huge Icons →