justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial mirror of the HPE Design System

Browse Source 
Readable mirror of https://design-system.hpe.design, sourced from
github.com/grommet/hpe-design-system (Apache-2.0) at commit 567c4d5
(2026-07-16).

The upstream site is a client-rendered Next.js export with no sitemap; it
returns a 1.5 KB empty shell to curl. This repo is the same guidance in plain
Markdown with every value resolved, plus the assets checked in.

Docs: scope and authority model, brand foundations with resolved color and
spacing tables, the design token tiers and version map, UI copy rules,
accessibility conformance and the responsibility split, the component and
template inventory, and an adoption/review checklist.

Assets: 452 SVG icons, 5 HPE and Aruba word-marks, 282 documentation graphics.

HOWTO-mirror-the-design-system.md is a verified runbook for rebuilding this
from scratch against a newer upstream.

Colors were resolved programmatically, not transcribed: token JSON stores
references, not values.

Apache-2.0 upstream. Note that it covers copyright, not trademark; Brand
Central remains authoritative for the HPE marks.
This commit is contained in:
claude
2026-07-30 08:34:50 -04:00
commit 0730557624
752 changed files with 8423 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/site-images/componentImages/PageBackground.svg
+15
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.3 MiB

assets/site-images/componentImages/component-preview-page-invert.svg
+17
View File
@@ -0,0 +1,17 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_7043)">
<mask id="mask0_1_7043" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="336" height="192">
<path d="M336 0H0V192H336V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_1_7043)">
<path d="M304 10H28C25.7909 10 24 11.7349 24 13.875V192.125C24 194.265 25.7909 196 28 196H304C306.209 196 308 194.265 308 192.125V13.875C308 11.7349 306.209 10 304 10Z" fill="#292D3A"/>
<path d="M182 24H35C33.3431 24 32 25.3431 32 27V37C32 38.6569 33.3431 40 35 40H182C183.657 40 185 38.6569 185 37V27C185 25.3431 183.657 24 182 24Z" fill="#1D1F27"/>
<path d="M299 54H32V192H299V54Z" fill="#1D1F27"/>
</g>
</g>
<defs>
<clipPath id="clip0_1_7043">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 855 B

assets/site-images/componentImages/component-preview-page.svg
+17
View File
@@ -0,0 +1,17 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_7051)">
<mask id="mask0_1_7051" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="336" height="192">
<path d="M336 0H0V192H336V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_1_7051)">
<path d="M304 10H28C25.7909 10 24 11.7349 24 13.875V192.125C24 194.265 25.7909 196 28 196H304C306.209 196 308 194.265 308 192.125V13.875C308 11.7349 306.209 10 304 10Z" fill="white"/>
<path d="M182 24H35C33.3431 24 32 25.3431 32 27V37C32 38.6569 33.3431 40 35 40H182C183.657 40 185 38.6569 185 37V27C185 25.3431 183.657 24 182 24Z" fill="#F7F7F7"/>
<path d="M299 54H32V192H299V54Z" fill="#F7F7F7"/>
</g>
</g>
<defs>
<clipPath id="clip0_1_7051">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 853 B

assets/site-images/componentImages/component-preview-pageheader-invert.svg
+14
View File
@@ -0,0 +1,14 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_7059)">
<path d="M331.268 59H4.73239C2.11881 59 0 59.6902 0 60.5417V131.458C0 132.31 2.11881 133 4.73239 133H331.268C333.881 133 336 132.31 336 131.458V60.5417C336 59.6902 333.881 59 331.268 59Z" fill="#292D3A"/>
<path d="M57.0207 73H10.4159C9.89059 73 9.46478 73.8394 9.46478 74.875V81.125C9.46478 82.1606 9.89059 83 10.4159 83H57.0207C57.546 83 57.9718 82.1606 57.9718 81.125V74.875C57.9718 73.8394 57.546 73 57.0207 73Z" fill="#1D1F27"/>
<path d="M325.12 90H255.781C255 90 254.366 90.8394 254.366 91.875V98.125C254.366 99.1606 255 100 255.781 100H325.12C325.902 100 326.535 99.1606 326.535 98.125V91.875C326.535 90.8394 325.902 90 325.12 90Z" fill="#1D1F27"/>
<path d="M225.206 90H13.7796C11.3965 90 9.46478 90.8394 9.46478 91.875V98.125C9.46478 99.1606 11.3965 100 13.7796 100H225.206C227.59 100 229.521 99.1606 229.521 98.125V91.875C229.521 90.8394 227.59 90 225.206 90Z" fill="#1D1F27"/>
<path d="M225.206 107H13.7796C11.3965 107 9.46478 107.839 9.46478 108.875V115.125C9.46478 116.161 11.3965 117 13.7796 117H225.206C227.59 117 229.521 116.161 229.521 115.125V108.875C229.521 107.839 227.59 107 225.206 107Z" fill="#1D1F27"/>
</g>
<defs>
<clipPath id="clip0_1_7059">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/site-images/componentImages/component-preview-pageheader.svg
+14
View File
@@ -0,0 +1,14 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_7065)">
<path d="M331.268 59H4.73239C2.11881 59 0 59.6902 0 60.5417V131.458C0 132.31 2.11881 133 4.73239 133H331.268C333.881 133 336 132.31 336 131.458V60.5417C336 59.6902 333.881 59 331.268 59Z" fill="white"/>
<path d="M57.0207 73H10.4159C9.8906 73 9.46478 73.8394 9.46478 74.875V81.125C9.46478 82.1606 9.8906 83 10.4159 83H57.0207C57.546 83 57.9718 82.1606 57.9718 81.125V74.875C57.9718 73.8394 57.546 73 57.0207 73Z" fill="#F7F7F7"/>
<path d="M325.12 90H255.781C255 90 254.366 90.8394 254.366 91.875V98.125C254.366 99.1606 255 100 255.781 100H325.12C325.902 100 326.535 99.1606 326.535 98.125V91.875C326.535 90.8394 325.902 90 325.12 90Z" fill="#F7F7F7"/>
<path d="M225.206 90H13.7796C11.3965 90 9.46478 90.8394 9.46478 91.875V98.125C9.46478 99.1606 11.3965 100 13.7796 100H225.206C227.59 100 229.521 99.1606 229.521 98.125V91.875C229.521 90.8394 227.59 90 225.206 90Z" fill="#F7F7F7"/>
<path d="M225.206 107H13.7796C11.3965 107 9.46478 107.839 9.46478 108.875V115.125C9.46478 116.161 11.3965 117 13.7796 117H225.206C227.59 117 229.521 116.161 229.521 115.125V108.875C229.521 107.839 227.59 107 225.206 107Z" fill="#F7F7F7"/>
</g>
<defs>
<clipPath id="clip0_1_7065">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/site-images/componentImages/component-preview-pagination-invert.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_1_7071" fill="white">
<path d="M77 76H259V116H77V76Z"/>
</mask>
<path d="M77 76V77H259V76V75H77V76Z" fill="white" fill-opacity="0.36" mask="url(#path-1-inside-1_1_7071)"/>
<path d="M105.162 99.0876C105.39 99.3154 105.39 99.6847 105.162 99.9125C104.935 100.14 104.565 100.14 104.338 99.9125L100.838 96.4125C100.61 96.1847 100.61 95.8154 100.838 95.5876L104.338 92.0876C104.565 91.8598 104.935 91.8598 105.162 92.0876C105.39 92.3154 105.39 92.6847 105.162 92.9125L102.075 96L105.162 99.0876Z" fill="white"/>
<path d="M134.629 101V92.838L132.529 94.266V92.642L134.839 90.99H136.505V101H134.629Z" fill="white"/>
<path d="M153 96C153 88.268 159.268 82 167 82H169C176.732 82 183 88.268 183 96C183 103.732 176.732 110 169 110H167C159.268 110 153 103.732 153 96Z" fill="white" fill-opacity="0.06"/>
<path d="M164.019 101V100.636L167.687 96.758C168.653 95.722 169.269 94.854 169.269 93.944C169.269 93.118 168.807 92.586 167.939 92.586C167.057 92.586 166.497 93.104 166.357 94.42H164.285C164.397 92.124 165.797 90.85 168.023 90.85C170.263 90.85 171.509 92.096 171.509 93.888C171.509 95.218 170.739 96.31 169.577 97.43L167.687 99.278H171.579V101H164.019Z" fill="#05CC93"/>
<path d="M200.895 101.14C198.515 101.14 197.213 99.824 197.129 97.92H198.809C198.921 98.956 199.509 99.726 200.853 99.726C202.155 99.726 202.757 99.11 202.757 98.116C202.757 97.024 202.169 96.478 200.951 96.478H200.181V95.148H200.895C202.043 95.148 202.561 94.616 202.561 93.678C202.561 92.866 202.043 92.278 201.007 92.278C199.943 92.278 199.257 92.908 199.145 93.916H197.493C197.591 92.18 198.893 90.864 201.035 90.864C203.107 90.864 204.339 92.04 204.339 93.538C204.339 94.672 203.681 95.372 202.715 95.722C203.877 96.002 204.647 96.814 204.647 98.13C204.647 99.992 203.191 101.14 200.895 101.14Z" fill="white"/>
<path d="M230.838 92.9125C230.61 92.6847 230.61 92.3154 230.838 92.0876C231.065 91.8598 231.435 91.8598 231.662 92.0876L235.162 95.5876C235.39 95.8154 235.39 96.1847 235.162 96.4125L231.662 99.9125C231.435 100.14 231.065 100.14 230.838 99.9125C230.61 99.6847 230.61 99.3154 230.838 99.0876L233.925 96L230.838 92.9125Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

assets/site-images/componentImages/component-preview-pagination.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_1_7086" fill="white">
<path d="M77 76H259V116H77V76Z"/>
</mask>
<path d="M77 76V77H259V76V75H77V76Z" fill="#B1B9BE" mask="url(#path-1-inside-1_1_7086)"/>
<path d="M105.162 99.0876C105.39 99.3154 105.39 99.6847 105.162 99.9125C104.935 100.14 104.565 100.14 104.338 99.9125L100.838 96.4125C100.61 96.1847 100.61 95.8154 100.838 95.5876L104.338 92.0876C104.565 91.8598 104.935 91.8598 105.162 92.0876C105.39 92.3154 105.39 92.6847 105.162 92.9125L102.075 96L105.162 99.0876Z" fill="#292D3A"/>
<path d="M134.629 101V92.838L132.529 94.266V92.642L134.839 90.99H136.505V101H134.629Z" fill="#292D3A"/>
<path d="M153 96C153 88.268 159.268 82 167 82H169C176.732 82 183 88.268 183 96C183 103.732 176.732 110 169 110H167C159.268 110 153 103.732 153 96Z" fill="black" fill-opacity="0.04"/>
<path d="M164.019 101V100.636L167.687 96.758C168.653 95.722 169.269 94.854 169.269 93.944C169.269 93.118 168.807 92.586 167.939 92.586C167.057 92.586 166.497 93.104 166.357 94.42H164.285C164.397 92.124 165.797 90.85 168.023 90.85C170.263 90.85 171.509 92.096 171.509 93.888C171.509 95.218 170.739 96.31 169.577 97.43L167.687 99.278H171.579V101H164.019Z" fill="#006750"/>
<path d="M200.895 101.14C198.515 101.14 197.213 99.824 197.129 97.92H198.809C198.921 98.956 199.509 99.726 200.853 99.726C202.155 99.726 202.757 99.11 202.757 98.116C202.757 97.024 202.169 96.478 200.951 96.478H200.181V95.148H200.895C202.043 95.148 202.561 94.616 202.561 93.678C202.561 92.866 202.043 92.278 201.007 92.278C199.943 92.278 199.257 92.908 199.145 93.916H197.493C197.591 92.18 198.893 90.864 201.035 90.864C203.107 90.864 204.339 92.04 204.339 93.538C204.339 94.672 203.681 95.372 202.715 95.722C203.877 96.002 204.647 96.814 204.647 98.13C204.647 99.992 203.191 101.14 200.895 101.14Z" fill="#292D3A"/>
<path d="M230.838 92.9125C230.61 92.6847 230.61 92.3154 230.838 92.0876C231.065 91.8598 231.435 91.8598 231.662 92.0876L235.162 95.5876C235.39 95.8154 235.39 96.1847 235.162 96.4125L231.662 99.9125C231.435 100.14 231.065 100.14 230.838 99.9125C230.61 99.6847 230.61 99.3154 230.838 99.0876L233.925 96L230.838 92.9125Z" fill="#292D3A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

assets/site-images/componentImages/component-preview-table-invert.svg
+28
View File
@@ -0,0 +1,28 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="240" height="128" transform="translate(48 32)" fill="#292D3A"/>
<path d="M48 36C48 33.7909 49.7909 32 52 32H284C286.209 32 288 33.7909 288 36V156C288 158.209 286.209 160 284 160H52C49.7909 160 48 158.209 48 156V36Z" fill="#292D3A"/>
<path d="M137.119 52C137.119 50.8954 136.224 50 135.119 50H69.1191C68.0146 50 67.1191 50.8954 67.1191 52V60C67.1191 61.1046 68.0146 62 69.1191 62H135.119C136.224 62 137.119 61.1046 137.119 60V52Z" fill="#1D1F27"/>
<path d="M227.119 52C227.119 50.8954 226.224 50 225.119 50H199.119C198.015 50 197.119 50.8954 197.119 52V60C197.119 61.1046 198.015 62 199.119 62H225.119C226.224 62 227.119 61.1046 227.119 60V52Z" fill="#1D1F27"/>
<path d="M269.119 52C269.119 50.8954 268.224 50 267.119 50H241.119C240.015 50 239.119 50.8954 239.119 52V60C239.119 61.1046 240.015 62 241.119 62H267.119C268.224 62 269.119 61.1046 269.119 60V52Z" fill="#1D1F27"/>
<path d="M184.119 52C184.119 50.8954 183.224 50 182.119 50H151.119C150.015 50 149.119 50.8954 149.119 52V60C149.119 61.1046 150.015 62 151.119 62H182.119C183.224 62 184.119 61.1046 184.119 60V52Z" fill="#1D1F27"/>
<path d="M138 136C138 134.895 137.105 134 136 134H89C87.8954 134 87 134.895 87 136V140C87 141.105 87.8954 142 89 142H136C137.105 142 138 141.105 138 140V136Z" fill="#1D1F27"/>
<path d="M269 136C269 134.895 268.105 134 267 134H241C239.895 134 239 134.895 239 136V140C239 141.105 239.895 142 241 142H267C268.105 142 269 141.105 269 140V136Z" fill="#1D1F27"/>
<path d="M185 136C185 134.895 184.105 134 183 134H152C150.895 134 150 134.895 150 136V140C150 141.105 150.895 142 152 142H183C184.105 142 185 141.105 185 140V136Z" fill="#1D1F27"/>
<path d="M227 136C227 134.895 226.105 134 225 134H199C197.895 134 197 134.895 197 136V140C197 141.105 197.895 142 199 142H225C226.105 142 227 141.105 227 140V136Z" fill="#1D1F27"/>
<path d="M71 134C73.2091 134 75 135.791 75 138C75 140.209 73.2091 142 71 142C68.7909 142 67 140.209 67 138C67 135.791 68.7909 134 71 134Z" fill="#05CC93"/>
<path d="M138 116C138 114.895 137.105 114 136 114H89C87.8954 114 87 114.895 87 116V120C87 121.105 87.8954 122 89 122H136C137.105 122 138 121.105 138 120V116Z" fill="#1D1F27"/>
<path d="M269 116C269 114.895 268.105 114 267 114H241C239.895 114 239 114.895 239 116V120C239 121.105 239.895 122 241 122H267C268.105 122 269 121.105 269 120V116Z" fill="#1D1F27"/>
<path d="M185 116C185 114.895 184.105 114 183 114H152C150.895 114 150 114.895 150 116V120C150 121.105 150.895 122 152 122H183C184.105 122 185 121.105 185 120V116Z" fill="#1D1F27"/>
<path d="M227 116C227 114.895 226.105 114 225 114H199C197.895 114 197 114.895 197 116V120C197 121.105 197.895 122 199 122H225C226.105 122 227 121.105 227 120V116Z" fill="#1D1F27"/>
<path d="M71 114C73.2091 114 75 115.791 75 118C75 120.209 73.2091 122 71 122C68.7909 122 67 120.209 67 118C67 115.791 68.7909 114 71 114Z" fill="#05CC93"/>
<path d="M138 96C138 94.8954 137.105 94 136 94H89C87.8954 94 87 94.8954 87 96V100C87 101.105 87.8954 102 89 102H136C137.105 102 138 101.105 138 100V96Z" fill="#1D1F27"/>
<path d="M269 96C269 94.8954 268.105 94 267 94H241C239.895 94 239 94.8954 239 96V100C239 101.105 239.895 102 241 102H267C268.105 102 269 101.105 269 100V96Z" fill="#1D1F27"/>
<path d="M185 96C185 94.8954 184.105 94 183 94H152C150.895 94 150 94.8954 150 96V100C150 101.105 150.895 102 152 102H183C184.105 102 185 101.105 185 100V96Z" fill="#1D1F27"/>
<path d="M227 96C227 94.8954 226.105 94 225 94H199C197.895 94 197 94.8954 197 96V100C197 101.105 197.895 102 199 102H225C226.105 102 227 101.105 227 100V96Z" fill="#1D1F27"/>
<path d="M70.4894 94.4822C70.6998 94.0614 71.3002 94.0614 71.5106 94.4822L74.7731 101.007C74.9628 101.387 74.6868 101.833 74.2625 101.833H67.7375C67.3131 101.833 67.0372 101.387 67.2269 101.007L70.4894 94.4822Z" fill="#EC8C25"/>
<path d="M138 76C138 74.8954 137.105 74 136 74H89C87.8954 74 87 74.8954 87 76V80C87 81.1046 87.8954 82 89 82H136C137.105 82 138 81.1046 138 80V76Z" fill="#1D1F27"/>
<path d="M269 76C269 74.8954 268.105 74 267 74H241C239.895 74 239 74.8954 239 76V80C239 81.1046 239.895 82 241 82H267C268.105 82 269 81.1046 269 80V76Z" fill="#1D1F27"/>
<path d="M185 76C185 74.8954 184.105 74 183 74H152C150.895 74 150 74.8954 150 76V80C150 81.1046 150.895 82 152 82H183C184.105 82 185 81.1046 185 80V76Z" fill="#1D1F27"/>
<path d="M227 76C227 74.8954 226.105 74 225 74H199C197.895 74 197 74.8954 197 76V80C197 81.1046 197.895 82 199 82H225C226.105 82 227 81.1046 227 80V76Z" fill="#1D1F27"/>
<path d="M70.6159 74.1591C70.828 73.947 71.172 73.947 71.3841 74.1591L74.8409 77.6159C75.053 77.828 75.053 78.172 74.8409 78.3841L71.3841 81.8409C71.172 82.053 70.828 82.053 70.6159 81.8409L67.1591 78.3841C66.947 78.172 66.947 77.828 67.1591 77.6159L70.6159 74.1591Z" fill="#FC6161"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

assets/site-images/componentImages/component-preview-table.svg
+28
View File
@@ -0,0 +1,28 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="240" height="128" transform="translate(48 32)" fill="white"/>
<path d="M48 36C48 33.7909 49.7909 32 52 32H284C286.209 32 288 33.7909 288 36V156C288 158.209 286.209 160 284 160H52C49.7909 160 48 158.209 48 156V36Z" fill="white"/>
<path d="M137.119 52C137.119 50.8954 136.224 50 135.119 50H69.1191C68.0146 50 67.1191 50.8954 67.1191 52V60C67.1191 61.1046 68.0146 62 69.1191 62H135.119C136.224 62 137.119 61.1046 137.119 60V52Z" fill="#F7F7F7"/>
<path d="M227.119 52C227.119 50.8954 226.224 50 225.119 50H199.119C198.015 50 197.119 50.8954 197.119 52V60C197.119 61.1046 198.015 62 199.119 62H225.119C226.224 62 227.119 61.1046 227.119 60V52Z" fill="#F7F7F7"/>
<path d="M269.119 52C269.119 50.8954 268.224 50 267.119 50H241.119C240.015 50 239.119 50.8954 239.119 52V60C239.119 61.1046 240.015 62 241.119 62H267.119C268.224 62 269.119 61.1046 269.119 60V52Z" fill="#F7F7F7"/>
<path d="M184.119 52C184.119 50.8954 183.224 50 182.119 50H151.119C150.015 50 149.119 50.8954 149.119 52V60C149.119 61.1046 150.015 62 151.119 62H182.119C183.224 62 184.119 61.1046 184.119 60V52Z" fill="#F7F7F7"/>
<path d="M138 136C138 134.895 137.105 134 136 134H89C87.8954 134 87 134.895 87 136V140C87 141.105 87.8954 142 89 142H136C137.105 142 138 141.105 138 140V136Z" fill="#F7F7F7"/>
<path d="M269 136C269 134.895 268.105 134 267 134H241C239.895 134 239 134.895 239 136V140C239 141.105 239.895 142 241 142H267C268.105 142 269 141.105 269 140V136Z" fill="#F7F7F7"/>
<path d="M185 136C185 134.895 184.105 134 183 134H152C150.895 134 150 134.895 150 136V140C150 141.105 150.895 142 152 142H183C184.105 142 185 141.105 185 140V136Z" fill="#F7F7F7"/>
<path d="M227 136C227 134.895 226.105 134 225 134H199C197.895 134 197 134.895 197 136V140C197 141.105 197.895 142 199 142H225C226.105 142 227 141.105 227 140V136Z" fill="#F7F7F7"/>
<path d="M71 134C73.2091 134 75 135.791 75 138C75 140.209 73.2091 142 71 142C68.7909 142 67 140.209 67 138C67 135.791 68.7909 134 71 134Z" fill="#009A71"/>
<path d="M138 116C138 114.895 137.105 114 136 114H89C87.8954 114 87 114.895 87 116V120C87 121.105 87.8954 122 89 122H136C137.105 122 138 121.105 138 120V116Z" fill="#F7F7F7"/>
<path d="M269 116C269 114.895 268.105 114 267 114H241C239.895 114 239 114.895 239 116V120C239 121.105 239.895 122 241 122H267C268.105 122 269 121.105 269 120V116Z" fill="#F7F7F7"/>
<path d="M185 116C185 114.895 184.105 114 183 114H152C150.895 114 150 114.895 150 116V120C150 121.105 150.895 122 152 122H183C184.105 122 185 121.105 185 120V116Z" fill="#F7F7F7"/>
<path d="M227 116C227 114.895 226.105 114 225 114H199C197.895 114 197 114.895 197 116V120C197 121.105 197.895 122 199 122H225C226.105 122 227 121.105 227 120V116Z" fill="#F7F7F7"/>
<path d="M71 114C73.2091 114 75 115.791 75 118C75 120.209 73.2091 122 71 122C68.7909 122 67 120.209 67 118C67 115.791 68.7909 114 71 114Z" fill="#009A71"/>
<path d="M138 96C138 94.8954 137.105 94 136 94H89C87.8954 94 87 94.8954 87 96V100C87 101.105 87.8954 102 89 102H136C137.105 102 138 101.105 138 100V96Z" fill="#F7F7F7"/>
<path d="M269 96C269 94.8954 268.105 94 267 94H241C239.895 94 239 94.8954 239 96V100C239 101.105 239.895 102 241 102H267C268.105 102 269 101.105 269 100V96Z" fill="#F7F7F7"/>
<path d="M185 96C185 94.8954 184.105 94 183 94H152C150.895 94 150 94.8954 150 96V100C150 101.105 150.895 102 152 102H183C184.105 102 185 101.105 185 100V96Z" fill="#F7F7F7"/>
<path d="M227 96C227 94.8954 226.105 94 225 94H199C197.895 94 197 94.8954 197 96V100C197 101.105 197.895 102 199 102H225C226.105 102 227 101.105 227 100V96Z" fill="#F7F7F7"/>
<path d="M70.4894 94.4822C70.6998 94.0614 71.3002 94.0614 71.5106 94.4822L74.7731 101.007C74.9628 101.387 74.6869 101.833 74.2625 101.833H67.7375C67.3132 101.833 67.0372 101.387 67.2269 101.007L70.4894 94.4822Z" fill="#D36D00"/>
<path d="M138 76C138 74.8954 137.105 74 136 74H89C87.8954 74 87 74.8954 87 76V80C87 81.1046 87.8954 82 89 82H136C137.105 82 138 81.1046 138 80V76Z" fill="#F7F7F7"/>
<path d="M269 76C269 74.8954 268.105 74 267 74H241C239.895 74 239 74.8954 239 76V80C239 81.1046 239.895 82 241 82H267C268.105 82 269 81.1046 269 80V76Z" fill="#F7F7F7"/>
<path d="M185 76C185 74.8954 184.105 74 183 74H152C150.895 74 150 74.8954 150 76V80C150 81.1046 150.895 82 152 82H183C184.105 82 185 81.1046 185 80V76Z" fill="#F7F7F7"/>
<path d="M227 76C227 74.8954 226.105 74 225 74H199C197.895 74 197 74.8954 197 76V80C197 81.1046 197.895 82 199 82H225C226.105 82 227 81.1046 227 80V76Z" fill="#F7F7F7"/>
<path d="M70.6159 74.1591C70.828 73.947 71.172 73.947 71.3841 74.1591L74.8409 77.6159C75.053 77.828 75.053 78.172 74.8409 78.3841L71.3841 81.8409C71.172 82.053 70.828 82.053 70.6159 81.8409L67.1591 78.3841C66.947 78.172 66.947 77.828 67.1591 77.6159L70.6159 74.1591Z" fill="#EC3331"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

assets/site-images/componentImages/components-preview-fileinput-invert.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="20.5" y="72.5" width="295" height="47" rx="5.5" stroke="#7887A2" stroke-dasharray="13 13"/>
<path d="M30.564 89.948V101H34.11C37.35 101 39.474 98.84 39.474 95.474C39.474 92.108 37.35 89.948 34.11 89.948H30.564ZM34.092 99.722H31.986V91.208H34.092C36.594 91.208 38.07 92.882 38.07 95.474C38.07 98.066 36.594 99.722 34.092 99.722ZM45.4584 94.358V92.972C45.3144 92.9 45.0264 92.846 44.6844 92.846C43.8024 92.846 43.0464 93.368 42.7044 94.052V93.008H41.3544V101H42.7044V95.636C42.9744 94.7 43.7124 94.142 44.5584 94.142C44.9004 94.142 45.2424 94.214 45.4584 94.358ZM51.3727 95.69V96.734C51.0307 96.428 50.2027 96.086 49.3747 96.086C47.6647 96.086 46.3327 97.094 46.3327 98.588C46.3327 100.172 47.6647 101.144 49.3027 101.144C50.2387 101.144 51.0667 100.73 51.3727 100.406V101H52.6867V95.582C52.6867 93.89 51.5707 92.846 49.6807 92.846C48.6907 92.846 47.7367 93.134 47.1967 93.512V94.79C47.8627 94.358 48.5827 94.088 49.4647 94.088C50.6347 94.088 51.3727 94.7 51.3727 95.69ZM51.3727 98.192V99.02C51.1567 99.614 50.3647 100.01 49.5187 100.01C48.5467 100.01 47.6107 99.56 47.6107 98.588C47.6107 97.634 48.5467 97.202 49.5187 97.202C50.3647 97.202 51.1567 97.598 51.3727 98.192ZM60.2151 99.938V100.46C60.2151 102.17 59.0991 103.016 57.6771 103.016C56.7411 103.016 55.8951 102.764 55.1031 102.026V103.52C55.7151 103.952 56.6511 104.24 57.6771 104.24C59.5851 104.24 61.5831 103.16 61.5831 100.37V93.008H60.2151V93.908C59.8191 93.35 58.9731 92.846 57.9831 92.846C55.6431 92.846 54.4191 94.79 54.4191 96.932C54.4191 99.074 55.6431 101.018 57.9831 101.018C58.9731 101.018 59.8191 100.496 60.2151 99.938ZM60.2151 95.294V98.552C59.8011 99.308 59.0451 99.794 58.1811 99.794C56.6691 99.794 55.7871 98.588 55.7871 96.932C55.7871 95.258 56.6691 94.052 58.1811 94.052C59.0451 94.052 59.8011 94.538 60.2151 95.294ZM72.3961 95.69V96.734C72.0541 96.428 71.2261 96.086 70.3981 96.086C68.6881 96.086 67.3561 97.094 67.3561 98.588C67.3561 100.172 68.6881 101.144 70.3261 101.144C71.2621 101.144 72.0901 100.73 72.3961 100.406V101H73.7101V95.582C73.7101 93.89 72.5941 92.846 70.7041 92.846C69.7141 92.846 68.7601 93.134 68.2201 93.512V94.79C68.8861 94.358 69.6061 94.088 70.4881 94.088C71.6581 94.088 72.3961 94.7 72.3961 95.69ZM72.3961 98.192V99.02C72.1801 99.614 71.3881 100.01 70.5421 100.01C69.5701 100.01 68.6341 99.56 68.6341 98.588C68.6341 97.634 69.5701 97.202 70.5421 97.202C71.3881 97.202 72.1801 97.598 72.3961 98.192ZM76.0185 93.008V101H77.3685V95.582C77.6565 94.718 78.4665 94.088 79.4025 94.088C80.6085 94.088 81.1665 94.862 81.1665 95.978V101H82.5345V95.762C82.5345 94.016 81.5445 92.846 79.7265 92.846C78.7005 92.846 77.8365 93.386 77.3685 94.016V93.008H76.0185ZM90.0991 100.064V101H91.4671V89.3H90.0991V93.944C89.7031 93.368 88.8391 92.846 87.8491 92.846C85.5091 92.846 84.2491 94.754 84.2491 97.004C84.2491 99.272 85.5091 101.162 87.8491 101.162C88.8391 101.162 89.7031 100.64 90.0991 100.064ZM90.0991 95.384V98.624C89.6851 99.452 88.8931 99.938 88.0471 99.938C86.5171 99.938 85.6171 98.696 85.6171 97.004C85.6171 95.312 86.5171 94.07 88.0471 94.07C88.8931 94.07 89.6851 94.556 90.0991 95.384ZM103.107 100.064V101H104.475V89.3H103.107V93.944C102.711 93.368 101.847 92.846 100.857 92.846C98.517 92.846 97.257 94.754 97.257 97.004C97.257 99.272 98.517 101.162 100.857 101.162C101.847 101.162 102.711 100.64 103.107 100.064ZM103.107 95.384V98.624C102.693 99.452 101.901 99.938 101.055 99.938C99.525 99.938 98.625 98.696 98.625 97.004C98.625 95.312 99.525 94.07 101.055 94.07C101.901 94.07 102.693 94.556 103.107 95.384ZM110.972 94.358V92.972C110.828 92.9 110.54 92.846 110.198 92.846C109.316 92.846 108.56 93.368 108.218 94.052V93.008H106.868V101H108.218V95.636C108.488 94.7 109.226 94.142 110.072 94.142C110.414 94.142 110.756 94.214 110.972 94.358ZM119.191 97.004C119.191 94.556 117.697 92.846 115.519 92.846C113.323 92.846 111.847 94.556 111.847 97.004C111.847 99.452 113.323 101.162 115.519 101.162C117.697 101.162 119.191 99.452 119.191 97.004ZM117.823 97.004C117.823 98.75 116.959 99.974 115.519 99.974C114.079 99.974 113.215 98.75 113.215 97.004C113.215 95.258 114.079 94.034 115.519 94.034C116.959 94.034 117.823 95.258 117.823 97.004ZM122.369 104.06V100.064C122.783 100.64 123.629 101.162 124.619 101.162C126.977 101.162 128.219 99.218 128.219 97.004C128.219 94.79 126.977 92.846 124.619 92.846C123.629 92.846 122.783 93.368 122.369 93.944V93.008H121.019V104.06H122.369ZM122.369 98.624V95.384C122.783 94.556 123.575 94.07 124.421 94.07C125.951 94.07 126.851 95.312 126.851 97.004C126.851 98.696 125.951 99.938 124.421 99.938C123.575 99.938 122.783 99.452 122.369 98.624Z" fill="#606B7D"/>
<path d="M206 82C206 79.7909 207.791 78 210 78H300C302.209 78 304 79.7909 304 82V110C304 112.209 302.209 114 300 114H210C207.791 114 206 112.209 206 110V82Z" fill="white" fill-opacity="0.08"/>
<path d="M218.576 97.616V100.28C219.386 100.766 220.718 101.18 222.194 101.18C224.678 101.18 226.712 100.118 226.712 97.724C226.712 96.032 225.794 94.97 223.778 94.34L222.104 93.836C221.528 93.656 221.186 93.458 221.186 92.954C221.186 92.396 221.816 92.162 222.644 92.162C223.904 92.162 225.002 92.576 225.992 93.26V90.596C225.074 90.092 224.012 89.768 222.518 89.768C220.196 89.768 218.342 90.974 218.342 93.17C218.342 95.006 219.368 95.924 221.222 96.464L222.896 96.95C223.49 97.166 223.832 97.346 223.832 97.886C223.832 98.57 223.04 98.768 222.122 98.768C220.88 98.768 219.53 98.264 218.576 97.616ZM230.271 97.598H235.257V96.77C235.257 94.358 233.979 92.72 231.459 92.72C229.227 92.72 227.535 94.466 227.535 97.004C227.535 99.614 229.299 101.18 231.891 101.18C233.061 101.18 234.051 100.928 234.681 100.46V98.318C233.871 98.804 233.205 98.966 232.341 98.966C231.297 98.966 230.505 98.57 230.271 97.598ZM231.567 94.862C232.251 94.862 232.665 95.33 232.737 96.014H230.307C230.505 95.276 230.955 94.862 231.567 94.862ZM239.213 101V89.3H236.387V101H239.213ZM243.05 97.598H248.036V96.77C248.036 94.358 246.758 92.72 244.238 92.72C242.006 92.72 240.314 94.466 240.314 97.004C240.314 99.614 242.078 101.18 244.67 101.18C245.84 101.18 246.83 100.928 247.46 100.46V98.318C246.65 98.804 245.984 98.966 245.12 98.966C244.076 98.966 243.284 98.57 243.05 97.598ZM244.346 94.862C245.03 94.862 245.444 95.33 245.516 96.014H243.086C243.284 95.276 243.734 94.862 244.346 94.862ZM248.804 96.95C248.804 99.56 250.604 101.18 253.034 101.18C253.862 101.18 254.636 101.018 255.212 100.604V98.228C254.69 98.606 254.132 98.804 253.466 98.804C252.422 98.804 251.594 98.174 251.594 96.95C251.594 95.726 252.422 95.096 253.466 95.096C254.132 95.096 254.69 95.294 255.212 95.672V93.296C254.636 92.882 253.862 92.72 253.034 92.72C250.604 92.72 248.804 94.34 248.804 96.95ZM260.188 101V95.096H261.772V92.9H260.188V90.668H257.38V92.9H255.976V95.096H257.38V101H260.188ZM266.482 101H269.344V97.094H273.862V94.646H269.344V92.45H274.258V89.948H266.482V101ZM278.557 90.704C278.557 89.768 277.819 89.174 276.955 89.174C276.091 89.174 275.353 89.768 275.353 90.704C275.353 91.622 276.091 92.216 276.955 92.216C277.819 92.216 278.557 91.622 278.557 90.704ZM278.359 101V92.9H275.533V101H278.359ZM282.719 101V89.3H279.893V101H282.719ZM286.556 97.598H291.542V96.77C291.542 94.358 290.264 92.72 287.744 92.72C285.512 92.72 283.82 94.466 283.82 97.004C283.82 99.614 285.584 101.18 288.176 101.18C289.346 101.18 290.336 100.928 290.966 100.46V98.318C290.156 98.804 289.49 98.966 288.626 98.966C287.582 98.966 286.79 98.57 286.556 97.598ZM287.852 94.862C288.536 94.862 288.95 95.33 289.022 96.014H286.592C286.79 95.276 287.24 94.862 287.852 94.862Z" fill="#C0CADC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

assets/site-images/componentImages/components-preview-fileinput.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="20.5" y="72.5" width="295" height="47" rx="5.5" stroke="#999999" stroke-dasharray="13 13"/>
<path d="M30.564 89.948V101H34.11C37.35 101 39.474 98.84 39.474 95.474C39.474 92.108 37.35 89.948 34.11 89.948H30.564ZM34.092 99.722H31.986V91.208H34.092C36.594 91.208 38.07 92.882 38.07 95.474C38.07 98.066 36.594 99.722 34.092 99.722ZM45.4584 94.358V92.972C45.3144 92.9 45.0264 92.846 44.6844 92.846C43.8024 92.846 43.0464 93.368 42.7044 94.052V93.008H41.3544V101H42.7044V95.636C42.9744 94.7 43.7124 94.142 44.5584 94.142C44.9004 94.142 45.2424 94.214 45.4584 94.358ZM51.3727 95.69V96.734C51.0307 96.428 50.2027 96.086 49.3747 96.086C47.6647 96.086 46.3327 97.094 46.3327 98.588C46.3327 100.172 47.6647 101.144 49.3027 101.144C50.2387 101.144 51.0667 100.73 51.3727 100.406V101H52.6867V95.582C52.6867 93.89 51.5707 92.846 49.6807 92.846C48.6907 92.846 47.7367 93.134 47.1967 93.512V94.79C47.8627 94.358 48.5827 94.088 49.4647 94.088C50.6347 94.088 51.3727 94.7 51.3727 95.69ZM51.3727 98.192V99.02C51.1567 99.614 50.3647 100.01 49.5187 100.01C48.5467 100.01 47.6107 99.56 47.6107 98.588C47.6107 97.634 48.5467 97.202 49.5187 97.202C50.3647 97.202 51.1567 97.598 51.3727 98.192ZM60.2151 99.938V100.46C60.2151 102.17 59.0991 103.016 57.6771 103.016C56.7411 103.016 55.8951 102.764 55.1031 102.026V103.52C55.7151 103.952 56.6511 104.24 57.6771 104.24C59.5851 104.24 61.5831 103.16 61.5831 100.37V93.008H60.2151V93.908C59.8191 93.35 58.9731 92.846 57.9831 92.846C55.6431 92.846 54.4191 94.79 54.4191 96.932C54.4191 99.074 55.6431 101.018 57.9831 101.018C58.9731 101.018 59.8191 100.496 60.2151 99.938ZM60.2151 95.294V98.552C59.8011 99.308 59.0451 99.794 58.1811 99.794C56.6691 99.794 55.7871 98.588 55.7871 96.932C55.7871 95.258 56.6691 94.052 58.1811 94.052C59.0451 94.052 59.8011 94.538 60.2151 95.294ZM72.3961 95.69V96.734C72.0541 96.428 71.2261 96.086 70.3981 96.086C68.6881 96.086 67.3561 97.094 67.3561 98.588C67.3561 100.172 68.6881 101.144 70.3261 101.144C71.2621 101.144 72.0901 100.73 72.3961 100.406V101H73.7101V95.582C73.7101 93.89 72.5941 92.846 70.7041 92.846C69.7141 92.846 68.7601 93.134 68.2201 93.512V94.79C68.8861 94.358 69.6061 94.088 70.4881 94.088C71.6581 94.088 72.3961 94.7 72.3961 95.69ZM72.3961 98.192V99.02C72.1801 99.614 71.3881 100.01 70.5421 100.01C69.5701 100.01 68.6341 99.56 68.6341 98.588C68.6341 97.634 69.5701 97.202 70.5421 97.202C71.3881 97.202 72.1801 97.598 72.3961 98.192ZM76.0185 93.008V101H77.3685V95.582C77.6565 94.718 78.4665 94.088 79.4025 94.088C80.6085 94.088 81.1665 94.862 81.1665 95.978V101H82.5345V95.762C82.5345 94.016 81.5445 92.846 79.7265 92.846C78.7005 92.846 77.8365 93.386 77.3685 94.016V93.008H76.0185ZM90.0991 100.064V101H91.4671V89.3H90.0991V93.944C89.7031 93.368 88.8391 92.846 87.8491 92.846C85.5091 92.846 84.2491 94.754 84.2491 97.004C84.2491 99.272 85.5091 101.162 87.8491 101.162C88.8391 101.162 89.7031 100.64 90.0991 100.064ZM90.0991 95.384V98.624C89.6851 99.452 88.8931 99.938 88.0471 99.938C86.5171 99.938 85.6171 98.696 85.6171 97.004C85.6171 95.312 86.5171 94.07 88.0471 94.07C88.8931 94.07 89.6851 94.556 90.0991 95.384ZM103.107 100.064V101H104.475V89.3H103.107V93.944C102.711 93.368 101.847 92.846 100.857 92.846C98.517 92.846 97.257 94.754 97.257 97.004C97.257 99.272 98.517 101.162 100.857 101.162C101.847 101.162 102.711 100.64 103.107 100.064ZM103.107 95.384V98.624C102.693 99.452 101.901 99.938 101.055 99.938C99.525 99.938 98.625 98.696 98.625 97.004C98.625 95.312 99.525 94.07 101.055 94.07C101.901 94.07 102.693 94.556 103.107 95.384ZM110.972 94.358V92.972C110.828 92.9 110.54 92.846 110.198 92.846C109.316 92.846 108.56 93.368 108.218 94.052V93.008H106.868V101H108.218V95.636C108.488 94.7 109.226 94.142 110.072 94.142C110.414 94.142 110.756 94.214 110.972 94.358ZM119.191 97.004C119.191 94.556 117.697 92.846 115.519 92.846C113.323 92.846 111.847 94.556 111.847 97.004C111.847 99.452 113.323 101.162 115.519 101.162C117.697 101.162 119.191 99.452 119.191 97.004ZM117.823 97.004C117.823 98.75 116.959 99.974 115.519 99.974C114.079 99.974 113.215 98.75 113.215 97.004C113.215 95.258 114.079 94.034 115.519 94.034C116.959 94.034 117.823 95.258 117.823 97.004ZM122.369 104.06V100.064C122.783 100.64 123.629 101.162 124.619 101.162C126.977 101.162 128.219 99.218 128.219 97.004C128.219 94.79 126.977 92.846 124.619 92.846C123.629 92.846 122.783 93.368 122.369 93.944V93.008H121.019V104.06H122.369ZM122.369 98.624V95.384C122.783 94.556 123.575 94.07 124.421 94.07C125.951 94.07 126.851 95.312 126.851 97.004C126.851 98.696 125.951 99.938 124.421 99.938C123.575 99.938 122.783 99.452 122.369 98.624Z" fill="#BBBBBB"/>
<path d="M206 82C206 79.7909 207.791 78 210 78H300C302.209 78 304 79.7909 304 82V110C304 112.209 302.209 114 300 114H210C207.791 114 206 112.209 206 110V82Z" fill="black" fill-opacity="0.04"/>
<path d="M218.576 97.616V100.28C219.386 100.766 220.718 101.18 222.194 101.18C224.678 101.18 226.712 100.118 226.712 97.724C226.712 96.032 225.794 94.97 223.778 94.34L222.104 93.836C221.528 93.656 221.186 93.458 221.186 92.954C221.186 92.396 221.816 92.162 222.644 92.162C223.904 92.162 225.002 92.576 225.992 93.26V90.596C225.074 90.092 224.012 89.768 222.518 89.768C220.196 89.768 218.342 90.974 218.342 93.17C218.342 95.006 219.368 95.924 221.222 96.464L222.896 96.95C223.49 97.166 223.832 97.346 223.832 97.886C223.832 98.57 223.04 98.768 222.122 98.768C220.88 98.768 219.53 98.264 218.576 97.616ZM230.271 97.598H235.257V96.77C235.257 94.358 233.979 92.72 231.459 92.72C229.227 92.72 227.535 94.466 227.535 97.004C227.535 99.614 229.299 101.18 231.891 101.18C233.061 101.18 234.051 100.928 234.681 100.46V98.318C233.871 98.804 233.205 98.966 232.341 98.966C231.297 98.966 230.505 98.57 230.271 97.598ZM231.567 94.862C232.251 94.862 232.665 95.33 232.737 96.014H230.307C230.505 95.276 230.955 94.862 231.567 94.862ZM239.213 101V89.3H236.387V101H239.213ZM243.05 97.598H248.036V96.77C248.036 94.358 246.758 92.72 244.238 92.72C242.006 92.72 240.314 94.466 240.314 97.004C240.314 99.614 242.078 101.18 244.67 101.18C245.84 101.18 246.83 100.928 247.46 100.46V98.318C246.65 98.804 245.984 98.966 245.12 98.966C244.076 98.966 243.284 98.57 243.05 97.598ZM244.346 94.862C245.03 94.862 245.444 95.33 245.516 96.014H243.086C243.284 95.276 243.734 94.862 244.346 94.862ZM248.804 96.95C248.804 99.56 250.604 101.18 253.034 101.18C253.862 101.18 254.636 101.018 255.212 100.604V98.228C254.69 98.606 254.132 98.804 253.466 98.804C252.422 98.804 251.594 98.174 251.594 96.95C251.594 95.726 252.422 95.096 253.466 95.096C254.132 95.096 254.69 95.294 255.212 95.672V93.296C254.636 92.882 253.862 92.72 253.034 92.72C250.604 92.72 248.804 94.34 248.804 96.95ZM260.188 101V95.096H261.772V92.9H260.188V90.668H257.38V92.9H255.976V95.096H257.38V101H260.188ZM266.482 101H269.344V97.094H273.862V94.646H269.344V92.45H274.258V89.948H266.482V101ZM278.557 90.704C278.557 89.768 277.819 89.174 276.955 89.174C276.091 89.174 275.353 89.768 275.353 90.704C275.353 91.622 276.091 92.216 276.955 92.216C277.819 92.216 278.557 91.622 278.557 90.704ZM278.359 101V92.9H275.533V101H278.359ZM282.719 101V89.3H279.893V101H282.719ZM286.556 97.598H291.542V96.77C291.542 94.358 290.264 92.72 287.744 92.72C285.512 92.72 283.82 94.466 283.82 97.004C283.82 99.614 285.584 101.18 288.176 101.18C289.346 101.18 290.336 100.928 290.966 100.46V98.318C290.156 98.804 289.49 98.966 288.626 98.966C287.582 98.966 286.79 98.57 286.556 97.598ZM287.852 94.862C288.536 94.862 288.95 95.33 289.022 96.014H286.592C286.79 95.276 287.24 94.862 287.852 94.862Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB