Customization

Iconweuse is fully customizable. Whether you're using our webfont or SVG components, you have full control over how they look and behave.

Sizing Icons

By default, our icons scale to the parent's font size. However, you can explicitly set sizes using CSS variables or classes.

# Using CSS Classes

<i class="iwu-breeze iwu-search iwu-2x"></i>  <!-- 2x larger -->
<i class="iwu-breeze iwu-search iwu-xs"></i>  <!-- Extra small -->

Changing Colors

Icons use `currentColor` by default, meaning they will inherit the text color of their parent container.

# Tailwind Styling

<i class="iwu-breeze iwu-search text-blue-500"></i>

Animations

We provide several built-in animation classes for common interactions.

Spin
Pulse
Rotate 90
Flip Horizontal