zulip/web/shared/icons
Karl Stolley 457b80ece6 user_groups: Prepare properly sized group icon.
This removes kludgy font-size adjustments on the group
icon, whose path was previously smaller than the 16x16
viewbox.

By adjusting the icon to take up the full width, it is
no longer necessary to fiddle with the icon's size, in
keeping with the app-wide move to 16x16 icons.

That simplifies some headache-inducing sizing and
calculations on the typeahead as well.
2025-11-07 14:21:51 -08:00
..
account.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
alarm-clock.svg icons: Do not allow stroke property via the style tag in svgs. 2025-07-22 12:55:05 -07:00
all-messages.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
archive.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
arrow-down.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
at-sign.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
attachment.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
bar-chart.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
bold.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
bot.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
browse-channels.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
building.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
calendar-clock.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
calendar-days.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
calendar.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
check-x.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
check.svg icons: Increase "check" icon size. 2025-07-08 10:05:51 -07:00
chevron-down.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
chevron-left.svg lightbox: Use icons for control elements. 2025-05-30 14:50:45 -07:00
chevron-right.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
circle-x.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
clock.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
code.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
collapse-diagonal.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
collapse.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
compose-edit.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
compose-scroll-left.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
compose-scroll-right.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
copy.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
corner-down-right.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
credit-card.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
deactivated-circle.svg drodpown: Do not use fa-ban icon for disabled option. 2025-10-20 16:30:06 -07:00
dm-groups-3.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
download.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
drafts.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
edit.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
equal.svg integrations: Add URL option and UI for mapping messages to Zulip channels. 2025-08-07 17:19:03 -07:00
exclamation-circle.svg scheduled_message_overlay: Add a failed delivery indicator. 2023-05-14 16:46:20 -07:00
expand-both-diagonals.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
expand-diagonal.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
expand.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
external-link.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
eye.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
f-globe.svg help: Disallow class in svg. 2025-07-23 11:24:12 -07:00
file-check.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
file-text.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
flag.svg message_actions: Add "Report message" action and settings UI. 2025-11-05 11:20:32 -08:00
folder.svg settings: Add UI to manage channel folders. 2025-08-06 18:58:15 -07:00
follow.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
forward-message.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
gear.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
gif.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
git-pull-request.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
globe.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
grip-vertical.svg help: Disallow class in svg. 2025-07-23 11:24:12 -07:00
handshake.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
hash.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
hashtag.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
heading-triangle-right.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
heart.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
help-bigger.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
help.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
hide.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
house.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
inbox.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
info.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
inherit.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
italic.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
keyboard.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
life-buoy.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
lightbulb.svg help-beta: Add ZulipTip custom component that does not have a header. 2025-07-24 12:00:26 -07:00
line-height-big.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
link-alt.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
link.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
lock.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
log-in-navbar.svg navbar: Redraw log-in icon with thinner stroke. 2025-08-06 10:16:55 -07:00
log-in.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
log-out.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
mac-command.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
manage-search.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
mark-as-read.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
mark-as-unread.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
masked-unread.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
math.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
maximize-diagonal.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
message-square-text.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
message-square.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
minus.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
mobile-arrow-left-right.svg help: Update "Switch account" instructions for Flutter launch. 2025-06-16 10:03:10 -07:00
mobile-camera.svg help: Update "Share and upload files" for Flutter launch. 2025-06-16 10:03:10 -07:00
mobile-image.svg help: Update "Share and upload files" for Flutter launch. 2025-06-16 10:03:10 -07:00
mobile-menu.svg help: Add "View Zulip mobile app version" section. 2025-06-16 09:48:15 -07:00
monitor.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
moon.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
more-vertical-spread.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
more-vertical.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
move-alt.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
mute.svg icons: Rename zulip-icon-mute-new to zulip-icon-mute. 2025-06-05 17:05:24 -07:00
ordered-list.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
panel-left-dashed.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
panel-left.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
past-time.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
pencil.svg message_header: Update topic edit icon to a new "pencil" icon. 2025-07-08 10:05:51 -07:00
pin.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
pipette.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
placeholder.svg topic_popover: Show loading indicicator on topic resolve/unresolve. 2025-07-25 22:27:03 -07:00
play-circle.svg help: Disallow class in svg. 2025-07-23 11:24:12 -07:00
plus.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
poll.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
preview.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
question.svg help: Disallow class in svg. 2025-07-23 11:24:12 -07:00
quote-and-reply.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
quote-message.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
quote.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
README.md icons: Update README and include list of in-house icons. 2025-08-27 13:50:40 -07:00
readreceipts.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
recent.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
rename.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
reply.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
reset.svg icons: Do not allow stroke property via the style tag in svgs. 2025-07-22 12:55:05 -07:00
rocket.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
search-inbox.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
send-dm.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
send.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
smart-toy.svg icons: Change bot icon from GitHub logo to Google material icon. 2023-04-13 10:47:09 -07:00
smile-bigger.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
smile-smaller.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
smile.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
sort-arrow-down.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
source.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
spoiler.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
square-plus.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
star-filled.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
star.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
stop-circle.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
strikethrough.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
subscriber-check.svg subscriptions: Move raw svg for plus and check icons to zulip-icon. 2025-09-17 14:15:05 -07:00
subscriber-plus.svg subscriptions: Move raw svg for plus and check icons to zulip-icon. 2025-09-17 14:15:05 -07:00
sun.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
time.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
todo-list.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
tool.svg icons: Let the system using the icons specify the stroke property. 2025-05-27 10:00:21 -07:00
topic-list.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
topic.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
trash.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
triple-users.svg icons: Do not allow stroke property via the style tag in svgs. 2025-07-22 12:55:05 -07:00
type-big.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
unarchive.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
unmute.svg icons: Rename zulip-icon-unmute-new to zulip-icon-unmute. 2025-06-05 17:05:24 -07:00
unordered-list.svg icons: Let the system using the icons specify the fill-rule color. 2025-05-27 10:00:21 -07:00
unpin.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
unread.svg recent_view: Add table header to sort by unread count. 2023-09-13 14:58:13 -07:00
user-circle-active.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-circle-deactivated.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-circle-idle.svg starlight_help: Display gradient for the idle status icon. 2025-08-19 23:40:51 -07:00
user-circle-offline.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-cog.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-group-cog.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-group-edit.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-group-plus.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-group-x.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-group.svg user_groups: Prepare properly sized group icon. 2025-11-07 14:21:51 -08:00
user-list.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-plus.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user-x.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
user.svg icons: Do not allow fill property via the style tag in svgs. 2025-07-22 12:55:05 -07:00
video-call.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
voice-call.svg icons: Let the system using the icons specify the fill color. 2025-05-22 16:00:21 -07:00
x-circle.svg help: Disallow class in svg. 2025-07-23 11:24:12 -07:00

This directory contains icons used by the Zulip web app, primarily sourced from Lucide Icons and Feather Icons (see `docs/THIRDPARTY).

Icons placed in this directory are compiled by the web application build system into a custom icon font. You can use them in HTML using the following syntax:

<i class="zulip-icon zulip-icon-more-vertical">

It is critical that icons from third parties be listed with appropriate attribution in the docs/THIRDPARTY file. To make it easier to audit that file in the future, below is a list of custom icons created in-house for the Zulip project:

arrow-down.svg bold.svg bot.svg browse-channels.svg compose-scroll-left.svg compose-scroll-right.svg dm-groups-3.svg exclamation-circle.svg gif.svg hashtag.svg heading-triangle-right.svg help-bigger.svg help.svg keyboard.svg line-height-big.svg link.svg manage-search.svg masked-unread.svg math.svg ordered-list.svg panel-left-dashed.svg panel-left.svg pin.svg placeholder.svg question.svg quote-message.svg quote.svg search-inbox.svg send.svg sort-arrow-down.svg spoiler.svg strikethrough.svg topic-list.svg topic.svg type-big.svg unordered-list.svg unpin.svg unread.svg user-circle-active.svg user-circle-deactivated.svg user-circle-idle.svg user-circle-offline.svg