IP Location.net

Font Icon Library

Remix Icon Search

Font Icons
Search and preview Remix Icon icons, then copy the CSS class, HTML markup, or code point for your project. Remix Icon is a neutral-style icon system with matching outlined and filled webfont variants for interface and product design. Font icons behave like text: CSS can control their size, color, alignment, and interaction states without editing an image file. A consistent icon family also helps users recognize repeated actions more quickly across navigation, forms, and controls. Use visible text or an accessible label whenever an icon communicates an action. For performance, load only the library and styles your interface needs. Confirm licensing and usage requirements with the library publisher before distributing a finished product.
Remix Icon

1,198 icons

Matching "s"

Microsoft Loop Fill

ri-microsoft-loop-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f344

Microsoft Loop Line

ri-microsoft-loop-line

Package
Remix Icon
Category
Uncategorized
Code Point
f345

Mist Fill

ri-mist-fill

Package
Remix Icon
Category
Uncategorized
Code Point
ef5c

Mist Line

ri-mist-line

Package
Remix Icon
Category
Uncategorized
Code Point
ef5d

Mosaic Fill

ri-mosaic-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f68c

Mosaic Line

ri-mosaic-line

Package
Remix Icon
Category
Uncategorized
Code Point
f68d

Mouse Fill

ri-mouse-fill

Package
Remix Icon
Category
Uncategorized
Code Point
ef7c

Mouse Line

ri-mouse-line

Package
Remix Icon
Category
Uncategorized
Code Point
ef7d

Music 2 Fill

ri-music-2-fill

Package
Remix Icon
Category
Uncategorized
Code Point
ef82

Music 2 Line

ri-music-2-line

Package
Remix Icon
Category
Uncategorized
Code Point
ef83

Music Ai Fill

ri-music-ai-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f58b

Music Ai Line

ri-music-ai-line

Package
Remix Icon
Category
Uncategorized
Code Point
f58c

Music Fill

ri-music-fill

Package
Remix Icon
Category
Uncategorized
Code Point
ef84

Music Line

ri-music-line

Package
Remix Icon
Category
Uncategorized
Code Point
ef85

Netease Cloud Music Fill

ri-netease-cloud-music-fill

Package
Remix Icon
Category
Uncategorized
Code Point
ef8a

Netease Cloud Music Line

ri-netease-cloud-music-line

Package
Remix Icon
Category
Uncategorized
Code Point
ef8b

News Fill

ri-news-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f416

News Line

ri-news-line

Package
Remix Icon
Category
Uncategorized
Code Point
f417

Newspaper Fill

ri-newspaper-fill

Package
Remix Icon
Category
Uncategorized
Code Point
ef8e

Newspaper Line

ri-newspaper-line

Package
Remix Icon
Category
Uncategorized
Code Point
ef8f

Nextjs Fill

ri-nextjs-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f501

Nextjs Line

ri-nextjs-line

Package
Remix Icon
Category
Uncategorized
Code Point
f502

Nodejs Fill

ri-nodejs-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f503

Nodejs Line

ri-nodejs-line

Package
Remix Icon
Category
Uncategorized
Code Point
f504

Notification Snooze Fill

ri-notification-snooze-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f58d

Notification Snooze Line

ri-notification-snooze-line

Package
Remix Icon
Category
Uncategorized
Code Point
f58e

Npmjs Fill

ri-npmjs-fill

Package
Remix Icon
Category
Uncategorized
Code Point
ef9d

Npmjs Line

ri-npmjs-line

Package
Remix Icon
Category
Uncategorized
Code Point
ef9e

Numbers Fill

ri-numbers-fill

Package
Remix Icon
Category
Uncategorized
Code Point
efa9

Numbers Line

ri-numbers-line

Package
Remix Icon
Category
Uncategorized
Code Point
efaa

Nurse Fill

ri-nurse-fill

Package
Remix Icon
Category
Uncategorized
Code Point
efab

Nurse Line

ri-nurse-line

Package
Remix Icon
Category
Uncategorized
Code Point
efac

Open Source Fill

ri-open-source-fill

Package
Remix Icon
Category
Uncategorized
Code Point
efb2

Open Source Line

ri-open-source-line

Package
Remix Icon
Category
Uncategorized
Code Point
efb3

Openbase Fill

ri-openbase-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f39b

Openbase Line

ri-openbase-line

Package
Remix Icon
Category
Uncategorized
Code Point
f39c

Page Separator

ri-page-separator

Package
Remix Icon
Category
Uncategorized
Code Point
efbd

Pages Fill

ri-pages-fill

Package
Remix Icon
Category
Uncategorized
Code Point
efbe

Pages Line

ri-pages-line

Package
Remix Icon
Category
Uncategorized
Code Point
efbf

Paint Brush Fill

ri-paint-brush-fill

Package
Remix Icon
Category
Uncategorized
Code Point
efc0

Paint Brush Line

ri-paint-brush-line

Package
Remix Icon
Category
Uncategorized
Code Point
efc1

Parentheses Fill

ri-parentheses-fill

Package
Remix Icon
Category
Uncategorized
Code Point
efcb

Parentheses Line

ri-parentheses-line

Package
Remix Icon
Category
Uncategorized
Code Point
efcc

Pass Expired Fill

ri-pass-expired-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f386

Pass Expired Line

ri-pass-expired-line

Package
Remix Icon
Category
Uncategorized
Code Point
f387

Pass Pending Fill

ri-pass-pending-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f388

Pass Pending Line

ri-pass-pending-line

Package
Remix Icon
Category
Uncategorized
Code Point
f389

Pass Valid Fill

ri-pass-valid-fill

Package
Remix Icon
Category
Uncategorized
Code Point
f38a

Add Remix Icon to your website or app

Add the library once, copy an icon from the results above, and include an accessible label when the icon communicates meaning.

1. Load the icon library

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css">

Reference version: 4.9.1

2. Copy an icon

Use Copy class when you already have markup, or Copy HTML for a ready-to-paste element.

Code points are useful for CSS generated content and tools that work directly with icon fonts.

3. Keep icons accessible

Hide decorative icons from assistive technology. When an icon communicates meaning, pair it with visible text or an accessible label.

Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Practical Notes

Icon Implementation Checklist

Icons work best when they support quick recognition without becoming the only way a user understands an action.

Label important controls

Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.

Keep style consistent

Mixing filled, outlined, sharp, and rounded icon families can make an interface feel uneven.

Load only what you need

Large icon fonts can cost performance. SVG sprites or subset fonts are better for focused interfaces.