Add new icons to team page [SCI-11996]

app/views/users/settings/teams/show.html.erb

@@ -13,22 +13,22 @@
   <!-- HEADER -->
   <div class="team-metadata">
 
-    <div class="created-at grid-block">
+    <div class="created-at flex items-center gap-2">
       <span class="sn-icon sn-icon-calendar"></span>
       <span class="hidden-xs hidden-sm"><%= t("users.settings.teams.edit.header_created_at") %></span>
       <b><%= l(@team.created_at, format: :full_date) %></b>
     </div>
 
-    <div class="created-by grid-block">
-      <span class="sn-icon sn-icon-user-menu fa-lg"></span>
+    <div class="created-by flex items-center gap-2">
+      <span class="sn-icon sn-icon-users"></span>
       <span class="hidden-xs hidden-sm"><%= t("users.settings.teams.edit.header_created_by") %></span>
       <b>
         <%= t('users.settings.teams.edit.header_created_by_name_email', name: @team.created_by.full_name, email: @team.created_by.email) if @team.created_by %>
       </b>
     </div>
 
-    <div class="space-usage grid-block">
-      <span class="fas fa-hdd"></span>
+    <div class="space-usage flex items-center gap-2">
+      <span class="sn-icon sn-icon-cloud-storage"></span>
       <span class="hidden-xs hidden-sm"><%= t("users.settings.teams.edit.header_space_taken") %></span>
       <b data-hook="team-space-taken"><%= "#{number_to_human_size(@team.storage_used)}" %></b>
     </div>

vendor/assets/stylesheets/fonts/SN-icon-font.svg

@@ -10,9 +10,9 @@
 	"designer": "David Praznik",
 	"fontFamily": "SN-icon-font",
 	"fontURL": "https://www.scinote.net",
-	"majorVersion": 1,
-	"minorVersion": 17,
-	"version": "Version 1.17",
+	"majorVersion": 2,
+	"minorVersion": 0,
+	"version": "Version 2.0",
 	"fontId": "SN-icon-font",
 	"psName": "SN-icon-font",
 	"subFamily": "Regular",
@@ -233,4 +233,6 @@
 <glyph unicode="&#xe9cc;" glyph-name="choice-multiple" data-tags="choice-multiple" d="M170.667 746.667c0 23.564 19.103 42.667 42.667 42.667h597.333c23.565 0 42.667-19.103 42.667-42.667v-597.333c0-23.565-19.102-42.667-42.667-42.667h-597.333c-23.564 0-42.667 19.102-42.667 42.667v597.333zM810.667 746.667h-597.333v-597.333h597.333v597.333z" />
 <glyph unicode="&#xe9cd;" glyph-name="choice-single" data-tags="choice-single" d="M853.333 448c0-188.514-152.819-341.333-341.333-341.333s-341.333 152.819-341.333 341.333c0 188.513 152.82 341.333 341.333 341.333s341.333-152.82 341.333-341.333zM512 149.333c164.949 0 298.667 133.717 298.667 298.667s-133.717 298.667-298.667 298.667c-164.949 0-298.667-133.718-298.667-298.667s133.718-298.667 298.667-298.667z" />
 <glyph unicode="&#xe9ce;" glyph-name="printer-labels" data-tags="printer-labels" d="M128 677.739c0 19.641 6.578 36.039 19.733 49.195s29.554 19.733 49.195 19.733h630.144c19.639 0 36.041-6.578 49.195-19.733s19.733-29.554 19.733-49.195v-336.405l-192-192h-507.072c-19.641 0-36.039 6.579-49.195 19.733s-19.733 29.555-19.733 49.195v459.477zM682.667 362.667h170.667v315.072c0 6.571-2.735 12.59-8.201 18.059-5.47 5.469-11.49 8.203-18.061 8.203h-630.144c-6.571 0-12.59-2.734-18.059-8.203s-8.203-11.488-8.203-18.059v-459.477c0-6.571 2.734-12.591 8.203-18.057 5.469-5.47 11.488-8.205 18.059-8.205h485.739v170.667z" />
+<glyph unicode="&#xe9cf;" glyph-name="audit-trails" data-tags="audit-trails" d="M265.845 64c-26.254 0-48.683 9.165-67.285 27.49-18.595 18.325-27.893 40.341-27.893 66.048v579.283c0 26.254 9.298 48.683 27.893 67.285 18.603 18.595 41.031 27.893 67.285 27.893h443.083v-623.595h-443.083c-14.279 0-26.599-4.907-36.96-14.72-10.368-9.822-15.552-21.871-15.552-36.147 0-14.272 5.184-26.321 15.552-36.143 10.361-9.818 22.681-14.729 36.96-14.729h544.821v640h42.667v-682.667h-587.488zM265.845 251.072h400.416v538.261h-400.416c-14.827 0-27.285-5.184-37.376-15.552-10.091-10.361-15.136-22.681-15.136-36.96v-503.059c7.659 4.868 15.822 8.973 24.491 12.309 8.669 3.332 18.009 5.001 28.021 5.001zM315.072 393.847h34.795l25.269 67.772h130.379l25.024-67.772h33.975l-104.623 278.974h-39.379l-105.44-278.974zM386.795 493.623l53.581 143.422h0.486l52.757-143.422h-106.825z" />
+<glyph unicode="&#xe9d0;" glyph-name="cloud-storage" data-tags="cloud-storage" d="M512 106.667c-99.719 0-181.539 12.702-245.461 38.11-63.915 25.408-95.872 58.108-95.872 98.095v418.462c0 35.449 33.273 65.643 99.819 90.581 66.539 24.946 147.043 37.419 241.515 37.419s174.976-12.473 241.515-37.419c66.547-24.939 99.819-55.133 99.819-90.581v-418.462c0-39.987-31.957-72.687-95.872-98.095-63.923-25.408-145.741-38.11-245.461-38.11zM512 580.672c61.099 0 122.692 8.523 184.777 25.568 62.089 17.038 99.23 35.595 111.428 55.669-11.648 21.17-48.205 40.587-109.666 58.251-61.453 17.671-123.635 26.507-186.539 26.507-61.973 0-124.071-8.519-186.293-25.557s-99.406-35.677-111.552-55.915c11.598-21.333 48.235-40.754 109.909-58.261s124.32-26.261 187.936-26.261zM512 365.952c29.321 0 58.121 1.421 86.4 4.267s55.317 7.070 81.109 12.672c25.792 5.611 49.749 12.599 71.872 20.971 22.131 8.363 41.89 17.796 59.285 28.297v174.775c-17.395-10.503-37.154-19.939-59.285-28.309-22.123-8.37-46.080-15.357-71.872-20.96-25.792-5.611-52.83-9.838-81.109-12.683s-57.079-4.267-86.4-4.267c-30.413 0-59.977 1.561-88.693 4.683-28.722 3.115-55.84 7.477-81.355 13.088-25.522 5.603-49.166 12.455-70.933 20.555-21.774 8.093-41.003 17.39-57.685 27.893v-174.775c16.683-10.5 35.911-19.797 57.685-27.891 21.767-8.094 45.411-14.946 70.933-20.557 25.515-5.602 52.633-9.963 81.355-13.086 28.717-3.115 58.281-4.672 88.693-4.672zM512 149.333c36.535 0 71.283 2.078 104.243 6.238 32.96 4.156 62.571 10.048 88.823 17.677s48.572 16.738 66.957 27.328c18.381 10.581 31.262 22.025 38.643 34.334v154.581c-17.395-10.5-37.154-19.934-59.285-28.297-22.123-8.371-46.080-15.36-71.872-20.971-25.792-5.602-52.83-9.826-81.109-12.672s-57.079-4.267-86.4-4.267c-30.413 0-59.977 1.557-88.693 4.672-28.722 3.123-55.84 7.484-81.355 13.086-25.522 5.611-49.166 12.463-70.933 20.557-21.774 8.094-41.003 17.391-57.685 27.891v-154.825c7.381-12.855 20.224-24.397 38.528-34.624 18.297-10.231 40.573-19.166 66.827-26.795s55.901-13.521 88.939-17.677c33.047-4.16 67.838-6.238 104.373-6.238z" />
 </font></defs></svg>

vendor/assets/stylesheets/sn-icon-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'SN-icon-font';
-  src:  url('fonts/SN-icon-font.eot?piwy67');
-  src:  url('fonts/SN-icon-font.eot?piwy67#iefix') format('embedded-opentype'),
-    url('fonts/SN-icon-font.woff2?piwy67') format('woff2'),
-    url('fonts/SN-icon-font.ttf?piwy67') format('truetype'),
-    url('fonts/SN-icon-font.woff?piwy67') format('woff'),
-    url('fonts/SN-icon-font.svg?piwy67#SN-icon-font') format('svg');
+  src:  url('fonts/SN-icon-font.eot?gqphqg');
+  src:  url('fonts/SN-icon-font.eot?gqphqg#iefix') format('embedded-opentype'),
+    url('fonts/SN-icon-font.woff2?gqphqg') format('woff2'),
+    url('fonts/SN-icon-font.ttf?gqphqg') format('truetype'),
+    url('fonts/SN-icon-font.woff?gqphqg') format('woff'),
+    url('fonts/SN-icon-font.svg?gqphqg#SN-icon-font') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -647,3 +647,9 @@
 .sn-icon-printer-labels:before {
   content: "\e9ce";
 }
+.sn-icon-audit-trails:before {
+  content: "\e9cf";
+}
+.sn-icon-cloud-storage:before {
+  content: "\e9d0";
+}