What does the tailwindcss icon represent?

It represents the Tailwind CSS framework, a popular utility-first CSS framework for rapidly building custom user interfaces.

How do I use the TailwindcssIcon in React?

Import both HugeiconsIcon and TailwindcssIcon, then render .

What is the license for this icon?

This icon is available under the MIT license.

tailwindcss icon

HugeIcons · TailwindcssIcon · MIT

Download SVG

The HugeIcons tailwindcss icon depicts the Tailwind CSS logo, commonly used to represent the framework in UI elements like technology stacks or feature lists.

Common uses

Technology stack badges
Feature list item for CSS framework
Link to Tailwind CSS documentation

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { TailwindcssIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={TailwindcssIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: tailwind csscss frameworklogobrand

FAQ

What does the tailwindcss icon represent?: It represents the Tailwind CSS framework, a popular utility-first CSS framework for rapidly building custom user interfaces.
How do I use the TailwindcssIcon in React?: Import both HugeiconsIcon and TailwindcssIcon, then render <HugeiconsIcon icon={TailwindcssIcon} />.
What is the license for this icon?: This icon is available under the MIT license.

Looking for something else? Search HugeIcons and 4 more libraries by description →