No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Icons collection

React UI Components use primarilyMaterial Design Icons

delete
delete
search
search
home
home
edit
edit
github
github
gitlab
gitlab
close
close
chevron-double-right
chevron-double-right
chevron-double-left
chevron-double-left
code
code
chip
chip
account
account
users
users
person
person
shield-account
shield-account
chevron-down
chevron-down
chevron-up
chevron-up
chevron-next
chevron-next
chevron-back
chevron-back
sun
sun
moon
moon
star
star
star-outline
star-outline
smartphone
smartphone
hammer
hammer
city
city
empty
empty
download
download
menu
menu
file-outline
file-outline
email
email
rocket
rocket
key
key
exit-to-app
exit-to-app
arrow-up-bold
arrow-up-bold
arrow-down-bold
arrow-down-bold
format-align-left
format-align-left
format-align-center
format-align-center
format-align-right
format-align-right
brush
brush
lock
lock
filter
filter
sort-ascending
sort-ascending
sort-descending
sort-descending
content-copy
content-copy
toy-brick
toy-brick
help-circle-outline
help-circle-outline
dots-vertical
dots-vertical
dots-horizontal
dots-horizontal
react
react
language-css-3
language-css-3
earth
earth
check
check
check-circle
check-circle
eye
eye
eye-off
eye-off
tenge
tenge
currency-usd
currency-usd
credit-card
credit-card
qrcode
qrcode
calendar-month
calendar-month
calendar-star
calendar-star
card-account-details
card-account-details
translate
translate
alert
alert
format-size
format-size
cog-outline
cog-outline
target
target
map
map
map-marker
map-marker
language-js
language-js
language-ts
language-ts
language-go
language-go
linkedin
linkedin
facebook
facebook
facebook-workplace
facebook-workplace
instagram
instagram
whatsapp
whatsapp
telegram
telegram
flag
flag
plus
plus
minus
minus
account-plus
account-plus
book-open
book-open
shape
shape
share
share
phone
phone
bell
bell
wrench
wrench
alert-circle
alert-circle
info
info
package-down
package-down
clock-outline
clock-outline
wifi
wifi
cart
cart
chart-ppf
chart-ppf
airplane
airplane
cancel
cancel
grid
grid
view-list
view-list
list-bulleted
list-bulleted
checklist
checklist
arrow-up
arrow-up
arrow-down
arrow-down
account-group
account-group
dashboard-outline
dashboard-outline
chart-bar
chart-bar
chart-pie
chart-pie
chart-donut
chart-donut
rotate
rotate
bulb
bulb
refresh
refresh
heart
heart
heart-outline
heart-outline
send
send
reply
reply
reply-all
reply-all
forward
forward
like
like
dislike
dislike

Didn't found your icon ?

// Usage examples
import React from 'react';
import { Icon } from '@assenti/rui-components';

funcation Example() {

    const CustomIconSvg = () => {
        return (
            <svg style={{ width: 24, height: 24 }} viewBox="0 0 24 24">
                <path fill="gray" d="M12 3L1 9L5 11.18V17.18L12 21L19 17.18V11.18L21 10.09V17H23V9L12 3M18.82 9L12 12.72L5.18 9L12 5.28L18.82 9M17 16L12 18.72L7 16V12.27L12 15L17 12.27V16Z" />
            </svg>
        )
    }

    return (
        <>
            <Icon custom={<CustomIconSvg/>}/>
        </>
    )
}