Icono Tailwindcss Wordmark

devicon:tailwindcss-wordmark

El icono Tailwindcss Wordmark (devicon:tailwindcss-wordmark) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon 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: Devicon
Autor: konpa
Licencia: MIT
Tamaño: 128 × 128
Etiquetas: tailwindcsswordmark

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#38bdf8" d="M13.227 56.074c-3.528 0-5.727 1.778-6.602 5.301c1.324-1.773 2.875-2.426 4.625-1.977c1 .25 1.727.977 2.523 1.801c1.301 1.324 2.801 2.852 6.079 2.852c3.523 0 5.722-1.778 6.597-5.301c-1.324 1.773-2.875 2.426-4.625 1.977c-1-.25-1.722-.977-2.523-1.801c-1.301-1.324-2.801-2.852-6.074-2.852M6.602 64C3.074 64 .875 65.773 0 69.3c1.324-1.777 2.875-2.425 4.625-1.976c1 .25 1.727.977 2.523 1.801c1.301 1.324 2.801 2.852 6.079 2.852c3.523 0 5.722-1.778 6.597-5.301c-1.324 1.773-2.875 2.426-4.625 1.972c-1-.25-1.722-.972-2.523-1.796C11.398 65.523 9.898 64 6.602 64m0 0"/><path fill="#fff" d="M39.676 62.75h-2.301v4.477c0 1.199.773 1.171 2.3 1.097v1.801c-3.1.375-4.323-.477-4.323-2.898V62.75h-1.704v-1.926h1.704v-2.5l2-.597v3.097h2.296v1.926zm8.8-1.926h2v9.301h-2v-1.352c-.703.977-1.8 1.579-3.25 1.579c-2.527 0-4.624-2.153-4.624-4.903c0-2.773 2.097-4.898 4.625-4.898c1.449 0 2.546.597 3.25 1.574zm-2.953 7.625c1.676 0 2.954-1.25 2.954-2.972c0-1.727-1.278-2.977-2.954-2.977c-1.671 0-2.949 1.25-2.949 2.977c.028 1.722 1.278 2.972 2.95 2.972zm8.301-9.023c-.699 0-1.273-.602-1.273-1.278c0-.699.574-1.273 1.273-1.273c.7 0 1.278.574 1.278 1.273c.023.676-.579 1.278-1.278 1.278m-1 10.699v-9.3h2v9.3zm4.324 0V56.551h2v13.574zm15.079-9.3h2.125l-2.926 9.3h-1.977l-1.926-6.273l-1.949 6.273h-1.972l-2.926-9.3H62.8l1.8 6.425l1.95-6.426h1.926l1.921 6.426zm4.597-1.4c-.699 0-1.273-.6-1.273-1.277c0-.699.574-1.273 1.273-1.273c.7 0 1.278.574 1.278 1.273c.023.676-.551 1.278-1.278 1.278zm-1 10.7v-9.3h2v9.3zm9.227-9.55c2.074 0 3.574 1.425 3.574 3.823v5.727h-2v-5.5c0-1.426-.824-2.148-2.074-2.148c-1.324 0-2.375.773-2.375 2.671v5h-2v-9.296h2v1.199c.625-1 1.625-1.477 2.875-1.477zm13.125-3.473h2v13.023h-2v-1.352c-.7.977-1.801 1.579-3.25 1.579c-2.528 0-4.625-2.153-4.625-4.903c0-2.773 2.097-4.898 4.625-4.898c1.449 0 2.55.597 3.25 1.574zm-2.95 11.347c1.672 0 2.95-1.25 2.95-2.972c0-1.727-1.278-2.977-2.95-2.977c-1.675 0-2.953 1.25-2.953 2.977c0 1.722 1.278 2.972 2.954 2.972zm11.672 1.926c-2.796 0-4.921-2.148-4.921-4.898c0-2.778 2.097-4.903 4.921-4.903c1.829 0 3.403.95 4.153 2.403l-1.727 1c-.398-.875-1.324-1.426-2.449-1.426c-1.648 0-2.875 1.25-2.875 2.926c0 1.671 1.25 2.921 2.875 2.921c1.125 0 2.023-.574 2.477-1.421l1.722.972c-.75 1.477-2.347 2.426-4.176 2.426m7.528-7c0 1.7 5 .676 5 4.125c0 1.852-1.625 2.875-3.625 2.875c-1.852 0-3.2-.852-3.801-2.176l1.727-1c.296.852 1.046 1.352 2.074 1.352c.898 0 1.574-.301 1.574-1.051c0-1.648-5-.727-5-4.05c0-1.75 1.5-2.848 3.398-2.848c1.528 0 2.801.699 3.454 1.921l-1.704.954c-.324-.727-.972-1.051-1.75-1.051c-.722-.028-1.347.3-1.347.949m8.574 0c0 1.7 5 .676 5 4.125c0 1.852-1.625 2.875-3.625 2.875c-1.852 0-3.2-.852-3.8-2.176l1.726-1c.3.852 1.05 1.352 2.074 1.352c.898 0 1.574-.301 1.574-1.051c0-1.648-5-.727-5-4.05c0-1.75 1.5-2.848 3.403-2.848c1.523 0 2.796.699 3.449 1.921l-1.7.954c-.328-.727-.976-1.051-1.75-1.051c-.726-.028-1.351.3-1.351.949m0 0"/></svg>

Cómo usar el icono Tailwindcss Wordmark

React

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

<Icon icon="devicon:tailwindcss-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon:tailwindcss-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon:tailwindcss-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--tailwindcss-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:tailwindcss-wordmark"></div>

Web component

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

<iconify-icon icon="devicon:tailwindcss-wordmark"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/devicon/tailwindcss-wordmark.svg" alt="Icono Tailwindcss Wordmark" width="24" height="24">

Iconos relacionados en Devicon

El icono Tailwindcss Wordmark en otras colecciones

Preguntas frecuentes sobre Icono Tailwindcss Wordmark

¿El icono Tailwindcss Wordmark es gratis para uso comercial?

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

¿Cómo uso el icono Tailwindcss Wordmark en React?

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

¿Cómo añado el icono Tailwindcss Wordmark a una página web?

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

Ver todos los Iconos Devicon →