[PM-40194] - add shared-folder icon (#21801)

* add folder-shared icon

* rename to shared-folder
This commit is contained in:
Jordan Aasen 2026-07-15 12:34:41 -07:00 committed by GitHub
parent fef10547e7
commit a37c620dfd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 395 additions and 375 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 371 KiB

After

Width:  |  Height:  |  Size: 376 KiB

View File

@ -94,374 +94,378 @@
}
.bwi-accessibility:before {
content: "\f172";
content: "\f173";
}
.bwi-add:before {
content: "\f170";
}
.bwi-add-circle:before {
content: "\f171";
}
.bwi-add-circle:before {
content: "\f172";
}
.bwi-angle-down:before {
content: "\f16f";
content: "\f170";
}
.bwi-angle-left:before {
content: "\f16e";
content: "\f16f";
}
.bwi-angle-right:before {
content: "\f16d";
content: "\f16e";
}
.bwi-angle-up:before {
content: "\f16b";
}
.bwi-angle-up-down:before {
content: "\f16c";
}
.bwi-angle-up-down:before {
content: "\f16d";
}
.bwi-archive:before {
content: "\f16a";
content: "\f16b";
}
.bwi-arrow-down:before {
content: "\f169";
content: "\f16a";
}
.bwi-arrow-filled-down:before {
content: "\f168";
content: "\f169";
}
.bwi-arrow-filled-left:before {
content: "\f167";
content: "\f168";
}
.bwi-arrow-filled-right:before {
content: "\f166";
content: "\f167";
}
.bwi-arrow-filled-up:before {
content: "\f165";
content: "\f166";
}
.bwi-arrow-left:before {
content: "\f164";
content: "\f165";
}
.bwi-arrow-right:before {
content: "\f163";
content: "\f164";
}
.bwi-arrow-up:before {
content: "\f162";
content: "\f163";
}
.bwi-attach:before {
content: "\f161";
content: "\f162";
}
.bwi-autofill:before {
content: "\f160";
content: "\f161";
}
.bwi-bank:before {
content: "\f15f";
content: "\f160";
}
.bwi-bitcoin:before {
content: "\f15e";
content: "\f15f";
}
.bwi-bitwarden-shield:before {
content: "\f15d";
content: "\f15e";
}
.bwi-browser:before {
content: "\f15c";
content: "\f15d";
}
.bwi-bug:before {
content: "\f15b";
content: "\f15c";
}
.bwi-business:before {
content: "\f15a";
content: "\f15b";
}
.bwi-camera:before {
content: "\f159";
content: "\f15a";
}
.bwi-check:before {
content: "\f157";
}
.bwi-check-circle:before {
content: "\f158";
}
.bwi-check-circle:before {
content: "\f159";
}
.bwi-circle:before {
content: "\f156";
content: "\f157";
}
.bwi-clear:before {
content: "\f155";
content: "\f156";
}
.bwi-clock:before {
content: "\f154";
content: "\f155";
}
.bwi-close:before {
content: "\f153";
content: "\f154";
}
.bwi-collection:before {
content: "\f151";
}
.bwi-collection-shared:before {
content: "\f152";
}
.bwi-collection-shared:before {
content: "\f153";
}
.bwi-copy:before {
content: "\f150";
content: "\f151";
}
.bwi-credit-card:before {
content: "\f14f";
content: "\f150";
}
.bwi-dashboard:before {
content: "\f14e";
content: "\f14f";
}
.bwi-delete:before {
content: "\f14d";
content: "\f14e";
}
.bwi-desktop:before {
content: "\f14b";
}
.bwi-desktop-user:before {
content: "\f14c";
}
.bwi-desktop-user:before {
content: "\f14d";
}
.bwi-diamond:before {
content: "\f14a";
content: "\f14b";
}
.bwi-dollar:before {
content: "\f149";
content: "\f14a";
}
.bwi-download:before {
content: "\f148";
content: "\f149";
}
.bwi-drag:before {
content: "\f147";
content: "\f148";
}
.bwi-duplicate:before {
content: "\f146";
content: "\f147";
}
.bwi-edit:before {
content: "\f144";
}
.bwi-edit-alt:before {
content: "\f145";
}
.bwi-edit-alt:before {
content: "\f146";
}
.bwi-encrypted:before {
content: "\f143";
content: "\f144";
}
.bwi-error:before {
content: "\f142";
content: "\f143";
}
.bwi-extension:before {
content: "\f141";
content: "\f142";
}
.bwi-external-link:before {
content: "\f140";
content: "\f141";
}
.bwi-family:before {
content: "\f13f";
content: "\f140";
}
.bwi-file:before {
content: "\f13d";
}
.bwi-file-text:before {
content: "\f13e";
}
.bwi-file-text:before {
content: "\f13f";
}
.bwi-filter:before {
content: "\f13c";
content: "\f13d";
}
.bwi-folder:before {
content: "\f13b";
content: "\f13c";
}
.bwi-generate:before {
content: "\f13a";
content: "\f13b";
}
.bwi-gift:before {
content: "\f139";
content: "\f13a";
}
.bwi-grid:before {
content: "\f138";
content: "\f139";
}
.bwi-groups:before {
content: "\f137";
content: "\f138";
}
.bwi-handshake:before {
content: "\f136";
content: "\f137";
}
.bwi-hashtag:before {
content: "\f135";
content: "\f136";
}
.bwi-help:before {
content: "\f134";
content: "\f135";
}
.bwi-identity:before {
content: "\f133";
content: "\f134";
}
.bwi-info:before {
content: "\f132";
content: "\f133";
}
.bwi-key:before {
content: "\f131";
content: "\f132";
}
.bwi-list:before {
content: "\f12f";
}
.bwi-list-alt:before {
content: "\f130";
}
.bwi-list-alt:before {
content: "\f131";
}
.bwi-loading:before {
content: "\f12e";
content: "\f12f";
}
.bwi-lock:before {
content: "\f12c";
}
.bwi-lock-filled:before {
content: "\f12d";
}
.bwi-lock-filled:before {
content: "\f12e";
}
.bwi-login:before {
content: "\f12b";
content: "\f12c";
}
.bwi-mail:before {
content: "\f12a";
content: "\f12b";
}
.bwi-mobile:before {
content: "\f129";
content: "\f12a";
}
.bwi-more-horizontal:before {
content: "\f128";
content: "\f129";
}
.bwi-more-vertical:before {
content: "\f127";
content: "\f128";
}
.bwi-msp:before {
content: "\f126";
content: "\f127";
}
.bwi-new-window:before {
content: "\f125";
content: "\f126";
}
.bwi-note:before {
content: "\f124";
content: "\f125";
}
.bwi-notifications:before {
content: "\f123";
content: "\f124";
}
.bwi-numbered-list:before {
content: "\f122";
content: "\f123";
}
.bwi-palette:before {
content: "\f121";
content: "\f122";
}
.bwi-passkey:before {
content: "\f120";
content: "\f121";
}
.bwi-passport:before {
content: "\f11f";
content: "\f120";
}
.bwi-paypal:before {
content: "\f11e";
content: "\f11f";
}
.bwi-receipt:before {
content: "\f11d";
content: "\f11e";
}
.bwi-redo:before {
content: "\f11c";
content: "\f11d";
}
.bwi-refresh:before {
content: "\f11b";
content: "\f11c";
}
.bwi-search:before {
content: "\f11a";
content: "\f11b";
}
.bwi-send:before {
content: "\f119";
content: "\f11a";
}
.bwi-settings:before {
content: "\f117";
}
.bwi-settings-filled:before {
content: "\f118";
}
.bwi-settings-filled:before {
content: "\f119";
}
.bwi-share:before {
content: "\f117";
}
.bwi-shared-folder:before {
content: "\f116";
}
@ -550,15 +554,15 @@
}
.bwi-bell:before {
content: "\f123";
content: "\f124";
}
.bwi-billing:before {
content: "\f11d";
content: "\f11e";
}
.bwi-brush:before {
content: "\f121";
content: "\f122";
}
.bwi-cli:before {
@ -566,35 +570,35 @@
}
.bwi-clone:before {
content: "\f150";
content: "\f151";
}
.bwi-cog:before {
content: "\f117";
}
.bwi-cog-f:before {
content: "\f118";
}
.bwi-cog-f:before {
content: "\f119";
}
.bwi-down-solid:before {
content: "\f168";
content: "\f169";
}
.bwi-drag-and-drop:before {
content: "\f147";
content: "\f148";
}
.bwi-ellipsis-h:before {
content: "\f128";
content: "\f129";
}
.bwi-ellipsis-v:before {
content: "\f127";
content: "\f128";
}
.bwi-envelope:before {
content: "\f12a";
content: "\f12b";
}
.bwi-exclamation-triangle:before {
@ -610,15 +614,15 @@
}
.bwi-files:before {
content: "\f146";
content: "\f147";
}
.bwi-globe:before {
content: "\f12b";
content: "\f12c";
}
.bwi-id-card:before {
content: "\f133";
content: "\f134";
}
.bwi-import:before {
@ -626,15 +630,15 @@
}
.bwi-info-circle:before {
content: "\f132";
content: "\f133";
}
.bwi-lock-encrypted:before {
content: "\f143";
content: "\f144";
}
.bwi-lock-f:before {
content: "\f12d";
content: "\f12e";
}
.bwi-minus-circle:before {
@ -642,51 +646,51 @@
}
.bwi-paperclip:before {
content: "\f161";
content: "\f162";
}
.bwi-pencil:before {
content: "\f145";
content: "\f146";
}
.bwi-pencil-square:before {
content: "\f144";
content: "\f145";
}
.bwi-plus:before {
content: "\f170";
}
.bwi-plus-circle:before {
content: "\f171";
}
.bwi-plus-circle:before {
content: "\f172";
}
.bwi-popout:before {
content: "\f125";
content: "\f126";
}
.bwi-premium:before {
content: "\f14a";
content: "\f14b";
}
.bwi-provider:before {
content: "\f136";
content: "\f137";
}
.bwi-puzzle:before {
content: "\f141";
content: "\f142";
}
.bwi-question-circle:before {
content: "\f134";
content: "\f135";
}
.bwi-shield:before {
content: "\f15d";
content: "\f15e";
}
.bwi-spinner:before {
content: "\f12e";
content: "\f12f";
}
.bwi-star-f:before {
@ -694,29 +698,29 @@
}
.bwi-sticky-note:before {
content: "\f124";
content: "\f125";
}
.bwi-trash:before {
content: "\f14d";
content: "\f14e";
}
.bwi-universal-access:before {
content: "\f172";
content: "\f173";
}
.bwi-up-down-btn:before {
content: "\f16c";
content: "\f16d";
}
.bwi-up-solid:before {
content: "\f165";
content: "\f166";
}
.bwi-user-monitor:before {
content: "\f14c";
content: "\f14d";
}
.bwi-users:before {
content: "\f137";
content: "\f138";
}

View File

@ -109,99 +109,100 @@ $icomoon-font-path: "~@bitwarden/angular/src/scss/bwicons/fonts/" !default;
// Auto-generated - do not edit manually
// Bidirectional icon name support (both Figma and legacy BWI names)
$icons: (
"accessibility": "\f172",
"add": "\f170",
"add-circle": "\f171",
"angle-down": "\f16f",
"angle-left": "\f16e",
"angle-right": "\f16d",
"angle-up": "\f16b",
"angle-up-down": "\f16c",
"archive": "\f16a",
"arrow-down": "\f169",
"arrow-filled-down": "\f168",
"arrow-filled-left": "\f167",
"arrow-filled-right": "\f166",
"arrow-filled-up": "\f165",
"arrow-left": "\f164",
"arrow-right": "\f163",
"arrow-up": "\f162",
"attach": "\f161",
"autofill": "\f160",
"bank": "\f15f",
"bitcoin": "\f15e",
"bitwarden-shield": "\f15d",
"browser": "\f15c",
"bug": "\f15b",
"business": "\f15a",
"camera": "\f159",
"check": "\f157",
"check-circle": "\f158",
"circle": "\f156",
"clear": "\f155",
"clock": "\f154",
"close": "\f153",
"collection": "\f151",
"collection-shared": "\f152",
"copy": "\f150",
"credit-card": "\f14f",
"dashboard": "\f14e",
"delete": "\f14d",
"desktop": "\f14b",
"desktop-user": "\f14c",
"diamond": "\f14a",
"dollar": "\f149",
"download": "\f148",
"drag": "\f147",
"duplicate": "\f146",
"edit": "\f144",
"edit-alt": "\f145",
"encrypted": "\f143",
"error": "\f142",
"extension": "\f141",
"external-link": "\f140",
"family": "\f13f",
"file": "\f13d",
"file-text": "\f13e",
"filter": "\f13c",
"folder": "\f13b",
"generate": "\f13a",
"gift": "\f139",
"grid": "\f138",
"groups": "\f137",
"handshake": "\f136",
"hashtag": "\f135",
"help": "\f134",
"identity": "\f133",
"info": "\f132",
"key": "\f131",
"list": "\f12f",
"list-alt": "\f130",
"loading": "\f12e",
"lock": "\f12c",
"lock-filled": "\f12d",
"login": "\f12b",
"mail": "\f12a",
"mobile": "\f129",
"more-horizontal": "\f128",
"more-vertical": "\f127",
"msp": "\f126",
"new-window": "\f125",
"note": "\f124",
"notifications": "\f123",
"numbered-list": "\f122",
"palette": "\f121",
"passkey": "\f120",
"passport": "\f11f",
"paypal": "\f11e",
"receipt": "\f11d",
"redo": "\f11c",
"refresh": "\f11b",
"search": "\f11a",
"send": "\f119",
"settings": "\f117",
"settings-filled": "\f118",
"share": "\f116",
"accessibility": "\f173",
"add": "\f171",
"add-circle": "\f172",
"angle-down": "\f170",
"angle-left": "\f16f",
"angle-right": "\f16e",
"angle-up": "\f16c",
"angle-up-down": "\f16d",
"archive": "\f16b",
"arrow-down": "\f16a",
"arrow-filled-down": "\f169",
"arrow-filled-left": "\f168",
"arrow-filled-right": "\f167",
"arrow-filled-up": "\f166",
"arrow-left": "\f165",
"arrow-right": "\f164",
"arrow-up": "\f163",
"attach": "\f162",
"autofill": "\f161",
"bank": "\f160",
"bitcoin": "\f15f",
"bitwarden-shield": "\f15e",
"browser": "\f15d",
"bug": "\f15c",
"business": "\f15b",
"camera": "\f15a",
"check": "\f158",
"check-circle": "\f159",
"circle": "\f157",
"clear": "\f156",
"clock": "\f155",
"close": "\f154",
"collection": "\f152",
"collection-shared": "\f153",
"copy": "\f151",
"credit-card": "\f150",
"dashboard": "\f14f",
"delete": "\f14e",
"desktop": "\f14c",
"desktop-user": "\f14d",
"diamond": "\f14b",
"dollar": "\f14a",
"download": "\f149",
"drag": "\f148",
"duplicate": "\f147",
"edit": "\f145",
"edit-alt": "\f146",
"encrypted": "\f144",
"error": "\f143",
"extension": "\f142",
"external-link": "\f141",
"family": "\f140",
"file": "\f13e",
"file-text": "\f13f",
"filter": "\f13d",
"folder": "\f13c",
"generate": "\f13b",
"gift": "\f13a",
"grid": "\f139",
"groups": "\f138",
"handshake": "\f137",
"hashtag": "\f136",
"help": "\f135",
"identity": "\f134",
"info": "\f133",
"key": "\f132",
"list": "\f130",
"list-alt": "\f131",
"loading": "\f12f",
"lock": "\f12d",
"lock-filled": "\f12e",
"login": "\f12c",
"mail": "\f12b",
"mobile": "\f12a",
"more-horizontal": "\f129",
"more-vertical": "\f128",
"msp": "\f127",
"new-window": "\f126",
"note": "\f125",
"notifications": "\f124",
"numbered-list": "\f123",
"palette": "\f122",
"passkey": "\f121",
"passport": "\f120",
"paypal": "\f11f",
"receipt": "\f11e",
"redo": "\f11d",
"refresh": "\f11c",
"search": "\f11b",
"send": "\f11a",
"settings": "\f118",
"settings-filled": "\f119",
"share": "\f117",
"shared-folder": "\f116",
"sign-in": "\f115",
"sign-out": "\f114",
"sliders": "\f113",
@ -223,49 +224,49 @@ $icons: (
"warning": "\f103",
"wireless": "\f102",
"wrench": "\f101",
"bell": "\f123",
"billing": "\f11d",
"brush": "\f121",
"bell": "\f124",
"billing": "\f11e",
"brush": "\f122",
"cli": "\f10c",
"clone": "\f150",
"cog": "\f117",
"cog-f": "\f118",
"down-solid": "\f168",
"drag-and-drop": "\f147",
"ellipsis-h": "\f128",
"ellipsis-v": "\f127",
"envelope": "\f12a",
"clone": "\f151",
"cog": "\f118",
"cog-f": "\f119",
"down-solid": "\f169",
"drag-and-drop": "\f148",
"ellipsis-h": "\f129",
"ellipsis-v": "\f128",
"envelope": "\f12b",
"exclamation-triangle": "\f103",
"eye": "\f104",
"eye-slash": "\f105",
"files": "\f146",
"globe": "\f12b",
"id-card": "\f133",
"files": "\f147",
"globe": "\f12c",
"id-card": "\f134",
"import": "\f108",
"info-circle": "\f132",
"lock-encrypted": "\f143",
"lock-f": "\f12d",
"info-circle": "\f133",
"lock-encrypted": "\f144",
"lock-f": "\f12e",
"minus-circle": "\f10f",
"paperclip": "\f161",
"pencil": "\f145",
"pencil-square": "\f144",
"plus": "\f170",
"plus-circle": "\f171",
"popout": "\f125",
"premium": "\f14a",
"provider": "\f136",
"puzzle": "\f141",
"question-circle": "\f134",
"shield": "\f15d",
"spinner": "\f12e",
"paperclip": "\f162",
"pencil": "\f146",
"pencil-square": "\f145",
"plus": "\f171",
"plus-circle": "\f172",
"popout": "\f126",
"premium": "\f14b",
"provider": "\f137",
"puzzle": "\f142",
"question-circle": "\f135",
"shield": "\f15e",
"spinner": "\f12f",
"star-f": "\f111",
"sticky-note": "\f124",
"trash": "\f14d",
"universal-access": "\f172",
"up-down-btn": "\f16c",
"up-solid": "\f165",
"user-monitor": "\f14c",
"users": "\f137",
"sticky-note": "\f125",
"trash": "\f14e",
"universal-access": "\f173",
"up-down-btn": "\f16d",
"up-solid": "\f166",
"user-monitor": "\f14d",
"users": "\f138",
);
@each $name, $glyph in $icons {

View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path d="M2.96512 4.45482V13.1837H4.79651C5.00407 13.1837 5.17805 13.2534 5.31846 13.3928C5.45887 13.5323 5.52907 13.705 5.52907 13.9111C5.52907 14.1172 5.45887 14.29 5.31846 14.4294C5.17805 14.5688 5.00407 14.6385 4.79651 14.6385H2.96512C2.56221 14.6385 2.2173 14.4961 1.93038 14.2112C1.64346 13.9263 1.5 13.5838 1.5 13.1837V4.45482C1.5 4.05474 1.64346 3.71225 1.93038 3.42735C2.2173 3.14245 2.56221 3 2.96512 3H6.7561C6.95145 3 7.13765 3.03637 7.31468 3.10911C7.49171 3.18185 7.64738 3.2849 7.78169 3.41826L8.82558 4.45482H14.686C15.089 4.45482 15.4339 4.59727 15.7208 4.88217C16.0077 5.16707 16.1512 5.50956 16.1512 5.90963V6.48247C16.1512 6.68857 16.081 6.86133 15.9406 7.00075C15.8001 7.14017 15.6262 7.20988 15.4186 7.20988C15.211 7.20988 15.0371 7.14017 14.8967 7.00075C14.7562 6.86133 14.686 6.68857 14.686 6.48247V5.90963H8.22122L6.7561 4.45482H2.96512Z" fill="#101828"/>
<path d="M14.7074 11.9138C15.0342 11.9138 15.3708 11.9805 15.6772 12.0965C15.9835 12.2219 16.2705 12.3942 16.4985 12.625C16.7361 12.8465 16.9243 13.1147 17.0521 13.4135C17.18 13.7123 17.25 14.0193 17.25 14.3368C17.25 14.7024 16.9436 15 16.5673 15H13.3323C13.4119 14.7891 13.4506 14.5676 13.4506 14.3368V14.3274C13.4506 13.8377 13.3517 13.3666 13.1539 12.9144C13.1044 12.789 13.0356 12.6742 12.9753 12.5582C13.1924 12.366 13.4506 12.2019 13.7376 12.0965C14.044 11.9711 14.3805 11.9138 14.7074 11.9138Z" fill="#101828"/>
<path d="M9.8621 11.9044C10.189 11.9044 10.5255 11.9629 10.8319 12.0871C11.1382 12.2113 11.4156 12.3942 11.6532 12.6156C11.8896 12.8464 12.0778 13.1065 12.2068 13.4041C12.3359 13.6935 12.4047 14.0099 12.4047 14.3274H12.3951C12.3951 14.693 12.0887 14.9906 11.7123 14.9906H8.00219C7.62587 14.9906 7.31948 14.693 7.31948 14.3274C7.31949 14.0099 7.3882 13.7017 7.51725 13.4041C7.6451 13.1053 7.83337 12.8371 8.07098 12.6156C8.29895 12.3848 8.58597 12.2125 8.89233 12.0871C9.19869 11.9711 9.53523 11.9044 9.8621 11.9044Z" fill="#101828"/>
<path d="M9.87175 8.74646C10.5641 8.74646 11.1382 9.32069 11.1382 10.0132C11.1382 10.7153 10.5641 11.2798 9.87175 11.2798C9.17941 11.2798 8.60528 10.7056 8.60528 10.0132C8.60528 9.32069 9.17941 8.74646 9.87175 8.74646Z" fill="#101828"/>
<path d="M14.7059 8.74646C15.3982 8.74646 15.9723 9.32072 15.9723 10.0132C15.9723 10.7153 15.3982 11.28 14.7059 11.28C14.0135 11.28 13.4394 10.7057 13.4394 10.0132C13.4394 9.32072 14.0135 8.74646 14.7059 8.74646Z" fill="#101828"/>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -132,6 +132,7 @@ export const BITWARDEN_ICONS = [
"bwi-settings",
"bwi-settings-filled",
"bwi-share",
"bwi-shared-folder",
"bwi-shield",
"bwi-sign-in",
"bwi-sign-out",

View File

@ -66,6 +66,10 @@ const bitwardenObjects = [
id: "bwi-folder",
usage: "Indicates a folder.",
},
{
id: "bwi-shared-folder",
usage: "Indicates a shared folder.",
},
{
id: "bwi-globe",
usage: "Indicates a login item type.",