WeUI Icon Icons

Browse 162 free WeUI Icon SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by WeUI. Styles: Has Padding.

162 icons MIT UI 24px 24px grid by WeUI
Search icons...

More SVG Icons

add-filled

add-friends-filled

add-friends-outlined

add-outlined

add2-filled

add2-outlined

album-filled

album-outlined

arrow-filled

arrow-outlined

at-filled

at-outlined

back-filled

back-outlined

back2-filled

back2-outlined

bellring-off-filled

bellring-off-outlined

bellring-on-filled

bellring-on-outlined

camera-filled

camera-outlined

cellphone-filled

cellphone-outlined

clip-filled

clip-outlined

close-filled

close-outlined

close2-filled

close2-outlined

comment-filled

comment-outlined

contacts-filled

contacts-outlined

copy-filled

copy-outlined

delete-filled

delete-on-filled

delete-on-outlined

delete-outlined

discover-filled

discover-outlined

display-filled

display-outlined

done-filled

done-outlined

done2-filled

done2-outlined

download-filled

download-outlined

email-filled

email-outlined

error-filled

error-outlined

eyes-off-filled

eyes-off-outlined

eyes-on-filled

eyes-on-outlined

folder-filled

folder-outlined

group-detail-filled

group-detail-outlined

help-filled

help-outlined

home-filled

home-outlined

imac-filled

imac-outlined

info-filled

info-outlined

keyboard-filled

keyboard-outlined

Copy & download WeUI Icon icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install and use via @iconify/react, fully tree-shakeable, no icon font loading required.

About WeUI Icon

Created By

WeUI Visit Website

License

MIT

Features & Tags

Has Padding

Pack Details

Color Support

Monochrome

Category

UI 24px

How to use WeUI Icon icons

License SPDX

MIT

Grid Size

24px

Sample Icons

search-outlined, clip-filled, done-filled

Via Iconify · React

tsx 
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="weui:icon-name" width={24} />;
}

Via Iconify · HTML

html 
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="weui:icon-name" width="24"></iconify-icon>

Frequently Asked Questions

Is WeUI Icon free for commercial use?
Yes. WeUI Icon is licensed under MIT, free for personal and commercial projects.
How do I download WeUI Icon SVG icons?
Click any icon in the browser above to open the detail panel. Choose raw SVG code to copy, download as SVG or PNG, export as a React JSX component, or get a Base64 data URI, all formats free, no sign-up required.
How many icons are in WeUI Icon?
WeUI Icon contains 162 SVG icons in the UI 24px category, designed on a 24px grid.
Can I change the color of WeUI Icon icons?
Yes. WeUI Icon icons are monochrome SVGs that inherit CSS currentColor. Set a color via CSS (color: #0070f3), a Tailwind class (text-blue-500), or pass a fill / stroke attribute directly on the SVG.
Can I use WeUI Icon with React, Next.js or shadcn/ui?
Yes. Copy the JSX export from any icon's detail panel and paste it directly into your component. For ongoing use, install @iconify-json/weui and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.