WUI logo

Icons

version

4.1.2

install

yarn add @welcome-ui/icons

usage

import { Icons } from '@welcome-ui/icons'

or install

yarn add @welcome-ui/icons.avatar

usage

import { AvatarIcon } from '@welcome-ui/icons.avatar'

Size #

Use size property with xs, sm, md, lg or xl.

<TwitterIcon size="xs" />
<TwitterIcon size="sm" />
<TwitterIcon />
<TwitterIcon size="lg" />
<TwitterIcon size="xl" />

Colour #

Icons inherit the colour from their parent.

<TwitterIcon color="blue" size="xl" />
<TwitterIcon color="orange" size="xl" />
<TwitterIcon color="green" size="xl" />

Available icons #

Note: You can click on an icon to copy its name.

Arrows #
Actions #
Miscellaneous #
WTF #
Files #
Player #
Avatar #
Markdown #
Table #
Brands #
Flags #

Properties #

No props specified

Packages #

Dependencies #
@welcome-ui/icons.actions [^4.1.2]
@welcome-ui/icons.activity [^4.1.2]
@welcome-ui/icons.add [^4.1.2]
@welcome-ui/icons.address [^4.1.2]
@welcome-ui/icons.airplay [^4.1.2]
@welcome-ui/icons.alert [^4.1.2]
@welcome-ui/icons.analytics [^4.1.2]
@welcome-ui/icons.anniversary [^4.1.2]
@welcome-ui/icons.archive [^4.1.2]
@welcome-ui/icons.arrow_down [^4.1.2]
@welcome-ui/icons.arrow_left [^4.1.2]
@welcome-ui/icons.arrow_right [^4.1.2]
@welcome-ui/icons.arrow_up [^4.1.2]
@welcome-ui/icons.aspect_ratio_fill [^4.1.2]
@welcome-ui/icons.aspect_ratio_fit [^4.1.2]
@welcome-ui/icons.attachment [^4.1.2]
@welcome-ui/icons.avatar [^4.1.2]
@welcome-ui/icons.avatar_accessory [^4.1.2]
@welcome-ui/icons.avatar_body [^4.1.2]
@welcome-ui/icons.avatar_bottom [^4.1.2]
@welcome-ui/icons.avatar_costume [^4.1.2]
@welcome-ui/icons.avatar_head [^4.1.2]
@welcome-ui/icons.avatar_top [^4.1.2]
@welcome-ui/icons.bar_chart [^4.1.2]
@welcome-ui/icons.basketball [^4.1.2]
@welcome-ui/icons.behance [^4.1.2]
@welcome-ui/icons.birthday [^4.1.2]
@welcome-ui/icons.bold [^4.1.2]
@welcome-ui/icons.book [^4.1.2]
@welcome-ui/icons.book_2 [^4.1.2]
@welcome-ui/icons.bookmark [^4.1.2]
@welcome-ui/icons.bookmark_outline [^4.1.2]
@welcome-ui/icons.bulb [^4.1.2]
@welcome-ui/icons.bulk [^4.1.2]
@welcome-ui/icons.buoy [^4.1.2]
@welcome-ui/icons.burn [^4.1.2]
@welcome-ui/icons.caddy [^4.1.2]
@welcome-ui/icons.calcul [^4.1.2]
@welcome-ui/icons.camera [^4.1.2]
@welcome-ui/icons.camera_off [^4.1.2]
@welcome-ui/icons.camera_on [^4.1.2]
@welcome-ui/icons.candidate_status [^4.1.2]
@welcome-ui/icons.card_view [^4.1.2]
@welcome-ui/icons.cast [^4.1.2]
@welcome-ui/icons.cast_connected [^4.1.2]
@welcome-ui/icons.cast_unavailable [^4.1.2]
@welcome-ui/icons.celebrate [^4.1.2]
@welcome-ui/icons.check [^4.1.2]
@welcome-ui/icons.chevron [^4.1.2]
@welcome-ui/icons.clipboard [^4.1.2]
@welcome-ui/icons.clock [^4.1.2]
@welcome-ui/icons.code [^4.1.2]
@welcome-ui/icons.code_block [^4.1.2]
@welcome-ui/icons.coffee [^4.1.2]
@welcome-ui/icons.collapse [^4.1.2]
@welcome-ui/icons.comment [^4.1.2]
@welcome-ui/icons.comment_outline [^4.1.2]
@welcome-ui/icons.common_area [^4.1.2]
@welcome-ui/icons.compass [^4.1.2]
@welcome-ui/icons.computer [^4.1.2]
@welcome-ui/icons.contract [^4.1.2]
@welcome-ui/icons.control_backward [^4.1.2]
@welcome-ui/icons.control_forward [^4.1.2]
@welcome-ui/icons.control_pause [^4.1.2]
@welcome-ui/icons.control_stop [^4.1.2]
@welcome-ui/icons.copy [^4.1.2]
@welcome-ui/icons.cover_letter [^4.1.2]
@welcome-ui/icons.create [^4.1.2]
@welcome-ui/icons.credit_card [^4.1.2]
@welcome-ui/icons.crescent_moon [^4.1.2]
@welcome-ui/icons.crescent_moon_outline [^4.1.2]
@welcome-ui/icons.cross [^4.1.2]
@welcome-ui/icons.cross_target [^4.1.2]
@welcome-ui/icons.crown [^4.1.2]
@welcome-ui/icons.csv [^4.1.2]
@welcome-ui/icons.date [^4.1.2]
@welcome-ui/icons.department [^4.1.2]
@welcome-ui/icons.details [^4.1.2]
@welcome-ui/icons.diamond [^4.1.2]
@welcome-ui/icons.dish [^4.1.2]
@welcome-ui/icons.doc [^4.1.2]
@welcome-ui/icons.docx [^4.1.2]
@welcome-ui/icons.down [^4.1.2]
@welcome-ui/icons.drag_and_drop [^4.1.2]
@welcome-ui/icons.dribbble [^4.1.2]
@welcome-ui/icons.duplicate [^4.1.2]
@welcome-ui/icons.earth [^4.1.2]
@welcome-ui/icons.edit [^4.1.2]
@welcome-ui/icons.education_level [^4.1.2]
@welcome-ui/icons.email [^4.1.2]
@welcome-ui/icons.email_outline [^4.1.2]
@welcome-ui/icons.eot [^4.1.2]
@welcome-ui/icons.equal [^4.1.2]
@welcome-ui/icons.expand [^4.1.2]
@welcome-ui/icons.expand_text [^4.1.2]
@welcome-ui/icons.external_link [^4.1.2]
@welcome-ui/icons.eye [^4.1.2]
@welcome-ui/icons.facebook [^4.1.2]
@welcome-ui/icons.factory [^4.1.2]
@welcome-ui/icons.female [^4.1.2]
@welcome-ui/icons.filters [^4.1.2]
@welcome-ui/icons.fingerprint [^4.1.2]
@welcome-ui/icons.flag [^4.1.2]
@welcome-ui/icons.flag_cs [^4.1.2]
@welcome-ui/icons.flag_en [^4.1.2]
@welcome-ui/icons.flag_es [^4.1.2]
@welcome-ui/icons.flag_fill [^4.1.2]
@welcome-ui/icons.flag_fr [^4.1.2]
@welcome-ui/icons.flag_pointed [^4.1.2]
@welcome-ui/icons.flag_sk [^4.1.2]
@welcome-ui/icons.folder [^4.1.2]
@welcome-ui/icons.fullscreen_off [^4.1.2]
@welcome-ui/icons.fullscreen_on [^4.1.2]
@welcome-ui/icons.gear [^4.1.2]
@welcome-ui/icons.get [^4.1.2]
@welcome-ui/icons.gif [^4.1.2]
@welcome-ui/icons.github [^4.1.2]
@welcome-ui/icons.google [^4.1.2]
@welcome-ui/icons.handshake [^4.1.2]
@welcome-ui/icons.hard_hat [^4.1.2]
@welcome-ui/icons.hashtag [^4.1.2]
@welcome-ui/icons.heading [^4.1.2]
@welcome-ui/icons.heading_1 [^4.1.2]
@welcome-ui/icons.heading_2 [^4.1.2]
@welcome-ui/icons.heading_3 [^4.1.2]
@welcome-ui/icons.heading_4 [^4.1.2]
@welcome-ui/icons.heading_5 [^4.1.2]
@welcome-ui/icons.heading_6 [^4.1.2]
@welcome-ui/icons.headset [^4.1.2]
@welcome-ui/icons.heart [^4.1.2]
@welcome-ui/icons.heart_outline [^4.1.2]
@welcome-ui/icons.heart_shiny [^4.1.2]
@welcome-ui/icons.hide [^4.1.2]
@welcome-ui/icons.home [^4.1.2]
@welcome-ui/icons.house [^4.1.2]
@welcome-ui/icons.in_progress_candidate [^4.1.2]
@welcome-ui/icons.information [^4.1.2]
@welcome-ui/icons.instagram [^4.1.2]
@welcome-ui/icons.italic [^4.1.2]
@welcome-ui/icons.jpeg [^4.1.2]
@welcome-ui/icons.jpg [^4.1.2]
@welcome-ui/icons.justice_hammer [^4.1.2]
@welcome-ui/icons.kanban [^4.1.2]
@welcome-ui/icons.key [^4.1.2]
@welcome-ui/icons.language [^4.1.2]
@welcome-ui/icons.leaf [^4.1.2]
@welcome-ui/icons.left [^4.1.2]
@welcome-ui/icons.line_chart [^4.1.2]
@welcome-ui/icons.link [^4.1.2]
@welcome-ui/icons.linkedin [^4.1.2]
@welcome-ui/icons.location [^4.1.2]
@welcome-ui/icons.lock [^4.1.2]
@welcome-ui/icons.lock_rounded [^4.1.2]
@welcome-ui/icons.log_out [^4.1.2]
@welcome-ui/icons.male [^4.1.2]
@welcome-ui/icons.map [^4.1.2]
@welcome-ui/icons.masonry [^4.1.2]
@welcome-ui/icons.meeting_room [^4.1.2]
@welcome-ui/icons.megaphone [^4.1.2]
@welcome-ui/icons.mention [^4.1.2]
@welcome-ui/icons.menu [^4.1.2]
@welcome-ui/icons.mic [^4.1.2]
@welcome-ui/icons.microphone_off [^4.1.2]
@welcome-ui/icons.microphone_on [^4.1.2]
@welcome-ui/icons.microship [^4.1.2]
@welcome-ui/icons.money [^4.1.2]
@welcome-ui/icons.more [^4.1.2]
@welcome-ui/icons.more_android [^4.1.2]
@welcome-ui/icons.mountain [^4.1.2]
@welcome-ui/icons.music [^4.1.2]
@welcome-ui/icons.negative [^4.1.2]
@welcome-ui/icons.negative_outline [^4.1.2]
@welcome-ui/icons.negative_straight [^4.1.2]
@welcome-ui/icons.new_candidate [^4.1.2]
@welcome-ui/icons.notification [^4.1.2]
@welcome-ui/icons.npm [^4.1.2]
@welcome-ui/icons.offer_status [^4.1.2]
@welcome-ui/icons.office [^4.1.2]
@welcome-ui/icons.ordered_list [^4.1.2]
@welcome-ui/icons.origine [^4.1.2]
@welcome-ui/icons.paperplane [^4.1.2]
@welcome-ui/icons.pdf [^4.1.2]
@welcome-ui/icons.pencil [^4.1.2]
@welcome-ui/icons.phone [^4.1.2]
@welcome-ui/icons.phone_outline [^4.1.2]
@welcome-ui/icons.pictures [^4.1.2]
@welcome-ui/icons.piechart [^4.1.2]
@welcome-ui/icons.pin [^4.1.2]
@welcome-ui/icons.pinterest [^4.1.2]
@welcome-ui/icons.pizza [^4.1.2]
@welcome-ui/icons.play [^4.1.2]
@welcome-ui/icons.play_outline [^4.1.2]
@welcome-ui/icons.playlist [^4.1.2]
@welcome-ui/icons.png [^4.1.2]
@welcome-ui/icons.podcast [^4.1.2]
@welcome-ui/icons.positive [^4.1.2]
@welcome-ui/icons.positive_outline [^4.1.2]
@welcome-ui/icons.positive_straight [^4.1.2]
@welcome-ui/icons.ppt [^4.1.2]
@welcome-ui/icons.print [^4.1.2]
@welcome-ui/icons.promote [^4.1.2]
@welcome-ui/icons.puzzle [^4.1.2]
@welcome-ui/icons.puzzle_outline [^4.1.2]
@welcome-ui/icons.question [^4.1.2]
@welcome-ui/icons.questions [^4.1.2]
@welcome-ui/icons.quote [^4.1.2]
@welcome-ui/icons.refresh [^4.1.2]
@welcome-ui/icons.refuse_candidate [^4.1.2]
@welcome-ui/icons.remote [^4.1.2]
@welcome-ui/icons.remove [^4.1.2]
@welcome-ui/icons.reset [^4.1.2]
@welcome-ui/icons.resume [^4.1.2]
@welcome-ui/icons.review [^4.1.2]
@welcome-ui/icons.review_outline [^4.1.2]
@welcome-ui/icons.right [^4.1.2]
@welcome-ui/icons.salary [^4.1.2]
@welcome-ui/icons.save [^4.1.2]
@welcome-ui/icons.screenshare_off [^4.1.2]
@welcome-ui/icons.screenshare_on [^4.1.2]
@welcome-ui/icons.search [^4.1.2]
@welcome-ui/icons.search_people [^4.1.2]
@welcome-ui/icons.settings [^4.1.2]
@welcome-ui/icons.share1 [^4.1.2]
@welcome-ui/icons.share2 [^4.1.2]
@welcome-ui/icons.shield [^4.1.2]
@welcome-ui/icons.show [^4.1.2]
@welcome-ui/icons.sound_off [^4.1.2]
@welcome-ui/icons.sound_on [^4.1.2]
@welcome-ui/icons.source [^4.1.2]
@welcome-ui/icons.spanner [^4.1.2]
@welcome-ui/icons.stackoverflow [^4.1.2]
@welcome-ui/icons.stackserver [^4.1.2]
@welcome-ui/icons.star [^4.1.2]
@welcome-ui/icons.star_outline [^4.1.2]
@welcome-ui/icons.strikethrough [^4.1.2]
@welcome-ui/icons.subtitle [^4.1.2]
@welcome-ui/icons.suitcase [^4.1.2]
@welcome-ui/icons.sun [^4.1.2]
@welcome-ui/icons.svg [^4.1.2]
@welcome-ui/icons.table [^4.1.2]
@welcome-ui/icons.table_column_add_after [^4.1.2]
@welcome-ui/icons.table_column_add_before [^4.1.2]
@welcome-ui/icons.table_column_remove [^4.1.2]
@welcome-ui/icons.table_delete [^4.1.2]
@welcome-ui/icons.table_divide [^4.1.2]
@welcome-ui/icons.table_merge_cells [^4.1.2]
@welcome-ui/icons.table_row_add_above [^4.1.2]
@welcome-ui/icons.table_row_add_below [^4.1.2]
@welcome-ui/icons.table_row_remove [^4.1.2]
@welcome-ui/icons.tag [^4.1.2]
@welcome-ui/icons.tags [^4.1.2]
@welcome-ui/icons.target [^4.1.2]
@welcome-ui/icons.teepee [^4.1.2]
@welcome-ui/icons.thumbup [^4.1.2]
@welcome-ui/icons.trash [^4.1.2]
@welcome-ui/icons.tree [^4.1.2]
@welcome-ui/icons.trophy [^4.1.2]
@welcome-ui/icons.ttf [^4.1.2]
@welcome-ui/icons.twitch [^4.1.2]
@welcome-ui/icons.twitter [^4.1.2]
@welcome-ui/icons.txt [^4.1.2]
@welcome-ui/icons.type [^4.1.2]
@welcome-ui/icons.unavailable [^4.1.2]
@welcome-ui/icons.underline [^4.1.2]
@welcome-ui/icons.unordered_list [^4.1.2]
@welcome-ui/icons.up [^4.1.2]
@welcome-ui/icons.update [^4.1.2]
@welcome-ui/icons.upload [^4.1.2]
@welcome-ui/icons.user [^4.1.2]
@welcome-ui/icons.user_outline [^4.1.2]
@welcome-ui/icons.video [^4.1.2]
@welcome-ui/icons.video_camera [^4.1.2]
@welcome-ui/icons.video_camera_2 [^4.1.2]
@welcome-ui/icons.watch_later [^4.1.2]
@welcome-ui/icons.woff [^4.1.2]
@welcome-ui/icons.woff2 [^4.1.2]
@welcome-ui/icons.write [^4.1.2]
@welcome-ui/icons.wttj [^4.1.2]
@welcome-ui/icons.xing [^4.1.2]
@welcome-ui/icons.xls [^4.1.2]
@welcome-ui/icons.xlsx [^4.1.2]
@welcome-ui/icons.youtube [^4.1.2]
@welcome-ui/icons.zip [^4.1.2]
Peer dependencies #

Previous

Emoji