yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-08-22 07:58:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Icons for teams, pipeline, dashboard and ingestion. (#4417)

Browse Source
This commit is contained in:
Sachin Chaurasiya 2022-04-24 00:06:47 +05:30 committed by GitHub
parent f3a85c65bd
commit 3544527828
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 26 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
openmetadata-ui/src/main/resources/ui/src/assets/svg/dashboard-grey.svg
View File

@ -1,37 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7130_8668)">
<g filter="url(#filter0_d_7130_8668)">
<path d="M13.0847 2.31276L13.15 1.34822L13.1676 1.0027L12.824 1.07164L11.8673 1.27988C11.7515 1.30506 11.6367 1.23285 11.6111 1.11845C11.5856 1.00407 11.6588 0.890887 11.7747 0.865646L13.3611 0.520307C13.4273 0.506002 13.4963 0.523103 13.5476 0.566622C13.5989 0.610139 13.6264 0.674967 13.6219 0.741578L13.5137 2.34101C13.5065 2.44762 13.4206 2.53058 13.3156 2.53838C13.3055 2.53913 13.2953 2.53918 13.2849 2.53851C13.1664 2.5307 13.0768 2.42965 13.0847 2.31276Z" fill="#37352F"/>
<path d="M13.0847 2.31276L13.15 1.34822L13.1676 1.0027L12.824 1.07164L11.8673 1.27988C11.7515 1.30506 11.6367 1.23285 11.6111 1.11845C11.5856 1.00407 11.6588 0.890887 11.7747 0.865646L13.3611 0.520307C13.4273 0.506002 13.4963 0.523103 13.5476 0.566622C13.5989 0.610139 13.6264 0.674967 13.6219 0.741578L13.5137 2.34101C13.5065 2.44762 13.4206 2.53058 13.3156 2.53838C13.3055 2.53913 13.2953 2.53918 13.2849 2.53851C13.1664 2.5307 13.0768 2.42965 13.0847 2.31276Z" stroke="#37352F" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g filter="url(#filter1_d_7130_8668)">
<path d="M2.40491 6.10196C7.64327 6.10196 12.8816 1.40295 12.8816 1.40295" stroke="#37352F" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path d="M13.9526 15.0758H15.285C15.4038 15.0758 15.5 15.1707 15.5 15.2879C15.5 15.4051 15.4038 15.5 15.285 15.5H0.714951C0.596212 15.5 0.5 15.4051 0.5 15.2879C0.5 15.1707 0.596212 15.0758 0.714951 15.0758H1.97496M13.9526 15.0758V10.415M13.9526 15.0758V14.8551M13.9526 10.415C13.9526 10.2979 13.8564 10.2029 13.7377 10.2029C13.6189 10.2029 13.5227 10.2979 13.5227 10.415M13.9526 10.415V4.90739M13.9526 10.415V14.8551M13.5227 10.415V15.0758M13.5227 10.415V14.8551M13.5227 10.415V4.94212M13.5227 15.0758H11.9505V4.94212H13.5227M13.5227 15.0758V14.8551M13.5227 4.94212V14.8551M13.5227 14.8551C13.5227 14.9722 13.6189 15.0672 13.7377 15.0672C13.8564 15.0672 13.9526 15.0758 13.9526 14.8551M13.9526 14.8551V4.90739M13.9526 4.90739C13.9526 4.69263 13.7755 4.51791 13.5579 4.51791H11.9153C11.6977 4.51791 11.5206 4.69266 11.5206 4.90739V15.0758H9.25149V7.98159C9.25149 7.76683 9.0744 7.59215 8.85679 7.59215H7.16701C6.94936 7.59215 6.77233 7.76686 6.77233 7.98159V15.0758H4.58511V10.0055C4.58511 9.79079 4.40801 9.61607 4.1904 9.61607H2.52134C2.30369 9.61607 2.12663 9.79082 2.12663 10.0055V15.0758M2.12663 15.0758H3.73755M2.12663 15.0758H1.97496M3.73755 15.0758H3.30753M3.73755 15.0758H4.15512M1.97496 15.0758H2.40486H3.30753M3.30753 15.0758H2.55642M2.55642 15.0758V10.0402H4.15512V15.0758M2.55642 15.0758H4.15512M7.20215 15.0758V8.01635H8.82153V15.0758H7.20215Z" stroke="#37352F" stroke-width="0.5"/>
</g>
<defs>
<filter id="filter0_d_7130_8668" x="7.45593" y="0.365387" width="10.3165" height="10.3236" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7130_8668"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7130_8668" result="shape"/>
</filter>
<filter id="filter1_d_7130_8668" x="-1.99512" y="1.00296" width="19.2767" height="13.499" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7130_8668"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7130_8668" result="shape"/>
</filter>
<clipPath id="clip0_7130_8668">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
<path d="M14.8125 4.33042V7.45855C14.8125 7.54558 14.7779 7.62904 14.7164 7.69057C14.6549 7.75211 14.5714 7.78668 14.4844 7.78668C14.3974 7.78668 14.3139 7.75211 14.2524 7.69057C14.1908 7.62904 14.1563 7.54558 14.1563 7.45855V5.12339L10.0602 9.20309C9.96768 9.29601 9.85775 9.36975 9.73669 9.42007C9.61562 9.47038 9.4858 9.49629 9.3547 9.49629C9.22359 9.49629 9.09378 9.47038 8.97271 9.42007C8.85165 9.36975 8.74171 9.29601 8.64923 9.20309L6.82814 7.38199C6.79648 7.35056 6.75892 7.32568 6.71763 7.30879C6.67634 7.2919 6.63212 7.28332 6.58751 7.28355C6.5429 7.28332 6.49868 7.2919 6.45739 7.30879C6.4161 7.32568 6.37855 7.35056 6.34688 7.38199L2.68282 11.0242C2.62118 11.0858 2.53757 11.1205 2.4504 11.1205C2.36322 11.1205 2.27962 11.0858 2.21798 11.0242C2.15633 10.9625 2.1217 10.8789 2.1217 10.7918C2.1217 10.7046 2.15633 10.621 2.21798 10.5593L5.86017 6.91714C5.95256 6.82433 6.06255 6.75089 6.18369 6.70112C6.30483 6.65135 6.43468 6.62625 6.56564 6.6273C6.69655 6.62656 6.82631 6.6518 6.94741 6.70155C7.0685 6.7513 7.17852 6.82458 7.2711 6.91714L9.10861 8.75465C9.14012 8.78639 9.17761 8.81159 9.21891 8.82879C9.2602 8.84598 9.3045 8.85483 9.34923 8.85483C9.39396 8.85483 9.43826 8.84598 9.47955 8.82879C9.52085 8.81159 9.55834 8.78639 9.58986 8.75465L13.6914 4.65308H11.3563C11.2692 4.65308 11.1858 4.61851 11.1242 4.55697C11.0627 4.49544 11.0281 4.41198 11.0281 4.32495C11.0281 4.23793 11.0627 4.15447 11.1242 4.09293C11.1858 4.0314 11.2692 3.99683 11.3563 3.99683H14.4844C14.5714 3.99683 14.6549 4.0314 14.7164 4.09293C14.7779 4.15447 14.8125 4.23793 14.8125 4.32495V4.33042Z" fill="#37352F" stroke="#37352F" stroke-width="0.3"/>
<path d="M0.5 1V13H15.5" stroke="#37352F" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

14
openmetadata-ui/src/main/resources/ui/src/assets/svg/ingestion.svg
View File

@ -1,6 +1,8 @@
<svg width="400" height="399" viewBox="0 0 400 399" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M400 190.5V150.5H354C318 150.5 285.333 203.167 274 229.5L240.5 211L254.5 309.5L342.5 270L308.5 249.5C308.5 249.5 328 190.5 364 190.5H400Z" fill="#6b7280"/>
<path d="M0.5 190.5V150.5H46.5C82.5 150.5 115.167 203.167 126.5 229.5L160 211L146 309.5L58 270L92 249.5C92 249.5 72.5 190.5 36.5 190.5H0.5Z" fill="#6b7280"/>
<path d="M219 0H179.5V109H129.5L200.5 192.5L268 109H219V0Z" fill="#6b7280"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M399 310V381.807C399 391.302 391.292 399 381.784 399H18.2163C8.70799 399 1 391.302 1 381.807V310.399H39.2886V361H361.5V310H399Z" fill="#6b7280"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M8.50012 0.5C8.50012 0.223858 8.27626 -1.20706e-08 8.00012 0C7.72398 1.20706e-08 7.50012 0.223858 7.50012 0.5L8.50012 0.5ZM7.64657 7.41605C7.84183 7.61132 8.15841 7.61132 8.35368 7.41605L11.5357 4.23407C11.7309 4.03881 11.7309 3.72223 11.5357 3.52697C11.3404 3.3317 11.0238 3.3317 10.8285 3.52697L8.00012 6.35539L5.1717 3.52697C4.97643 3.3317 4.65985 3.3317 4.46459 3.52697C4.26933 3.72223 4.26933 4.03881 4.46459 4.23407L7.64657 7.41605ZM7.50012 0.5L7.50012 7.0625L8.50012 7.0625L8.50012 0.5L7.50012 0.5Z" fill="#37352F"/>
<path d="M0.5 8.5C0.223858 8.5 0 8.27614 0 8C0 7.72386 0.223858 7.5 0.5 7.5V8.5ZM0.5 7.5C1.9946 7.5 2.82121 7.61173 3.5046 8.30533C3.81348 8.61881 4.07816 9.03659 4.38087 9.53244C4.69147 10.0412 5.06321 10.6699 5.60229 11.4708L4.77271 12.0292C4.21804 11.2051 3.83197 10.5525 3.52734 10.0535C3.21481 9.54154 3.00683 9.22494 2.79227 9.00717C2.42879 8.63827 2.0054 8.5 0.5 8.5V7.5Z" fill="#37352F"/>
<path d="M6.12524 9.40625L5.29182 12.2188L2.37524 11.75" stroke="#37352F" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.5 8.5C15.7761 8.5 16 8.27614 16 8C16 7.72386 15.7761 7.5 15.5 7.5V8.5ZM15.5 7.5C14.0054 7.5 13.1788 7.61173 12.4954 8.30533C12.1865 8.61881 11.9218 9.03659 11.6191 9.53244C11.3085 10.0412 10.9368 10.6699 10.3977 11.4708L11.2273 12.0292C11.782 11.2051 12.168 10.5525 12.4727 10.0535C12.7852 9.54154 12.9932 9.22494 13.2077 9.00717C13.5712 8.63827 13.9946 8.5 15.5 8.5V7.5Z" fill="#37352F"/>
<path d="M9.87476 9.40625L10.7082 12.2188L13.6248 11.75" stroke="#37352F" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M0.5 13.0893V15.5H15.5V12.6875" stroke="#37352F" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 702 B

After

Width:  |  Height:  |  Size: 1.7 KiB

10
openmetadata-ui/src/main/resources/ui/src/assets/svg/pipeline-grey.svg
View File

@ -1,4 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.7933 13.1724V12.6724V12.2188C9.7933 11.9771 9.98917 11.7813 10.2308 11.7813H14.5627C14.8043 11.7813 15.0002 11.9771 15.0002 12.2188V14.5625C15.0002 14.8041 14.8043 15 14.5627 15H10.2308C9.98917 15 9.7933 14.8041 9.7933 14.5625V14.1897V13.6897V13.1724ZM8.0002 9.46894L6.53128 8.00002L8.0002 6.5311L9.46912 8.00002L8.0002 9.46894ZM1.4375 1H5.76938C6.011 1 6.20688 1.19587 6.20688 1.4375V3.78124C6.20688 4.02286 6.011 4.21874 5.76938 4.21874H1.4375C1.19587 4.21874 1 4.02286 1 3.78124V1.4375C1 1.19587 1.19587 1 1.4375 1Z" stroke="#37352F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.47413 13.162H9.29308V13.6793H3.47413C2.68534 13.6793 1.92886 13.3659 1.3711 12.8082C0.813345 12.2504 0.5 11.4939 0.5 10.7051C0.5 9.91635 0.813345 9.15987 1.3711 8.60211C1.92886 8.04435 2.68534 7.73101 3.47413 7.73101H6.08257V8.24825H3.47413C2.82252 8.24825 2.1976 8.5071 1.73685 8.96785C1.27609 9.42861 1.01724 10.0535 1.01724 10.7051C1.01724 11.3567 1.27609 11.9817 1.73685 12.4424C2.1976 12.9032 2.82252 13.162 3.47413 13.162ZM12.5258 8.24825H9.91739V7.73101H12.5258C13.1774 7.73101 13.8024 7.47216 14.2631 7.0114C14.7239 6.55064 14.9827 5.92572 14.9827 5.27412C14.9827 4.62251 14.7239 3.99759 14.2631 3.53683C13.8024 3.07608 13.1774 2.81723 12.5258 2.81723H6.70688V2.29999H12.5258C13.3146 2.29999 14.0711 2.61333 14.6289 3.17109C15.1866 3.72885 15.5 4.48533 15.5 5.27412C15.5 6.06291 15.1866 6.81939 14.6289 7.37714C14.0711 7.9349 13.3146 8.24825 12.5258 8.24825Z" fill="#37352F" stroke="#37352F" stroke-width="0.4"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M10.6667 3.66663C10.9429 3.66663 11.1667 3.44277 11.1667 3.16663C11.1667 2.89048 10.9429 2.66663 10.6667 2.66663V3.66663ZM7.60538 10.9403C7.77492 11.1582 8.08905 11.1975 8.30703 11.028C8.525 10.8584 8.56427 10.5443 8.39473 10.3263L7.60538 10.9403ZM5.33339 2.66663C5.05725 2.66663 4.83339 2.89048 4.83339 3.16663C4.83339 3.44277 5.05725 3.66663 5.33339 3.66663V2.66663ZM4.6614 5.52632L4.35443 5.13165L3.56508 5.74559L3.87205 6.14026L4.6614 5.52632ZM10.6667 2.66663H5.33339V3.66663H10.6667V2.66663ZM3.87205 6.14026L7.60538 10.9403L8.39473 10.3263L4.6614 5.52632L3.87205 6.14026Z" fill="#37352F"/>
<rect x="11.1666" y="1" width="4.33333" height="4.33333" rx="0.5" stroke="#37352F" stroke-linejoin="round"/>
<rect x="0.5" y="1" width="4.33333" height="4.33333" rx="0.5" stroke="#37352F" stroke-linejoin="round"/>
<rect x="7.96667" y="10.6" width="4.33333" height="4.33333" rx="0.5" stroke="#37352F" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

34
openmetadata-ui/src/main/resources/ui/src/assets/svg/teams-grey.svg
View File

@ -1,26 +1,8 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75012 3.21053C3.37044 3.21053 3.87512 2.7147 3.87512 2.10526C3.87512 1.49582 3.37044 1 2.75012 1C2.1298 1 1.62512 1.49582 1.62512 2.10526C1.62512 2.7147 2.1298 3.21053 2.75012 3.21053ZM2.75012 1.26062C3.22417 1.26062 3.60985 1.63953 3.60985 2.10526C3.60985 2.57099 3.22417 2.9499 2.75012 2.9499C2.27607 2.9499 1.8904 2.57099 1.8904 2.10526C1.8904 1.63953 2.27607 1.26062 2.75012 1.26062Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<path d="M3.99788 3.96389C3.86433 3.93155 3.71741 3.94715 3.59482 4.00668C3.33112 4.13473 3.04687 4.19967 2.75002 4.19967C2.45316 4.19967 2.16894 4.13473 1.90521 4.00668C1.78263 3.94717 1.6357 3.93157 1.50216 3.96391C0.912113 4.10671 0.5 4.59816 0.5 5.15901V6.21203C0.5 6.58848 0.833558 6.89474 1.24353 6.89474H4.25647C4.66646 6.89474 5 6.58848 5 6.21203V5.15899C5.00004 4.59814 4.58792 4.10669 3.99788 3.96389ZM4.71814 6.21202C4.71814 6.44574 4.51104 6.63589 4.25651 6.63589H1.24355C0.988996 6.63589 0.781915 6.44574 0.781915 6.21202V5.15899C0.781915 4.71557 1.10765 4.32704 1.57402 4.21416C1.59654 4.20871 1.61982 4.20603 1.64316 4.20603C1.68821 4.20603 1.73341 4.21604 1.77346 4.23547C2.0782 4.38345 2.40676 4.45848 2.75004 4.45848C3.09331 4.45848 3.42189 4.38345 3.72662 4.23547C3.7874 4.20596 3.86007 4.19818 3.92603 4.21416C4.3924 4.32704 4.71814 4.71557 4.71814 5.15899V6.21202Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<path d="M13.25 3.21053C13.8703 3.21053 14.375 2.7147 14.375 2.10526C14.375 1.49582 13.8703 1 13.25 1C12.6297 1 12.125 1.49582 12.125 2.10526C12.125 2.7147 12.6297 3.21053 13.25 3.21053ZM13.25 1.26062C13.724 1.26062 14.1097 1.63953 14.1097 2.10526C14.1097 2.57099 13.724 2.9499 13.25 2.9499C12.776 2.9499 12.3903 2.57099 12.3903 2.10526C12.3903 1.63953 12.776 1.26062 13.25 1.26062Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<path d="M14.498 3.96389C14.3645 3.93155 14.2175 3.94715 14.0949 4.00668C13.8312 4.13473 13.547 4.19967 13.2501 4.19967C12.9533 4.19967 12.6691 4.13473 12.4053 4.00668C12.2827 3.94717 12.1358 3.93157 12.0023 3.96391C11.4122 4.10671 11.0001 4.59816 11.0001 5.15901V6.21203C11.0001 6.58848 11.3337 6.89474 11.7437 6.89474H14.7566C15.1666 6.89474 15.5001 6.58848 15.5001 6.21203V5.15899C15.5002 4.59814 15.088 4.10669 14.498 3.96389ZM15.2183 6.21202C15.2183 6.44574 15.0112 6.63589 14.7566 6.63589H11.7437C11.4891 6.63589 11.282 6.44574 11.282 6.21202V5.15899C11.282 4.71557 11.6078 4.32704 12.0741 4.21416C12.0967 4.20871 12.1199 4.20603 12.1433 4.20603C12.1883 4.20603 12.2335 4.21604 12.2736 4.23547C12.5783 4.38345 12.9069 4.45848 13.2502 4.45848C13.5934 4.45848 13.922 4.38345 14.2267 4.23547C14.2875 4.20596 14.3602 4.19818 14.4262 4.21416C14.8925 4.32704 15.2183 4.71557 15.2183 5.15899V6.21202Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<path d="M8 11.3158C8.62032 11.3158 9.125 10.82 9.125 10.2105C9.125 9.60108 8.62032 9.10526 8 9.10526C7.37968 9.10526 6.875 9.60108 6.875 10.2105C6.875 10.82 7.37968 11.3158 8 11.3158ZM8 9.36588C8.47405 9.36588 8.85972 9.74479 8.85972 10.2105C8.85972 10.6762 8.47405 11.0552 8 11.0552C7.52595 11.0552 7.14028 10.6762 7.14028 10.2105C7.14028 9.74479 7.52595 9.36588 8 9.36588Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<path d="M9.248 12.0691C9.11446 12.0368 8.96753 12.0524 8.84495 12.1119C8.58124 12.24 8.297 12.3049 8.00014 12.3049C7.70329 12.3049 7.41906 12.24 7.15534 12.1119C7.03275 12.0524 6.88582 12.0368 6.75228 12.0692C6.16224 12.212 5.75012 12.7034 5.75012 13.2643V14.3173C5.75012 14.6937 6.08368 15 6.49365 15H9.50659C9.91658 15 10.2501 14.6937 10.2501 14.3173V13.2642C10.2502 12.7034 9.83805 12.2119 9.248 12.0691ZM9.96826 14.3173C9.96826 14.551 9.76116 14.7411 9.50663 14.7411H6.49367C6.23912 14.7411 6.03204 14.551 6.03204 14.3173V13.2642C6.03204 12.8208 6.35778 12.4323 6.82415 12.3194C6.84666 12.314 6.86994 12.3113 6.89329 12.3113C6.93833 12.3113 6.98353 12.3213 7.02358 12.3407C7.32833 12.4887 7.65689 12.5637 8.00016 12.5637C8.34343 12.5637 8.67201 12.4887 8.97674 12.3407C9.03752 12.3112 9.11019 12.3034 9.17615 12.3194C9.64252 12.4323 9.96826 12.8208 9.96826 13.2642V14.3173Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<mask id="mask0_7107_8571" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="7" width="3" height="8">
<rect x="11.0001" y="7.63159" width="2.25" height="6.63158" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask0_7107_8571)">
<path d="M12.75 9.10527C12.75 11.6694 10.6317 13.7632 8 13.7632C5.36827 13.7632 3.25 11.6694 3.25 9.10527C3.25 6.54109 5.36827 4.44737 8 4.44737C10.6317 4.44737 12.75 6.54109 12.75 9.10527Z" stroke="#37352F"/>
</g>
<mask id="mask1_7107_8571" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="7" width="3" height="7">
<rect x="2.75" y="7.63159" width="2.25" height="5.89474" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask1_7107_8571)">
<path d="M12.75 9.10527C12.75 11.6694 10.6317 13.7632 8 13.7632C5.36827 13.7632 3.25 11.6694 3.25 9.10527C3.25 6.54109 5.36827 4.44737 8 4.44737C10.6317 4.44737 12.75 6.54109 12.75 9.10527Z" stroke="#37352F"/>
</g>
<mask id="mask2_7107_8571" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="3" width="6" height="3">
<rect x="5.75012" y="3.21051" width="4.5" height="2.21053" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask2_7107_8571)">
<path d="M12.75 9.10527C12.75 11.6694 10.6317 13.7632 8 13.7632C5.36827 13.7632 3.25 11.6694 3.25 9.10527C3.25 6.54109 5.36827 4.44737 8 4.44737C10.6317 4.44737 12.75 6.54109 12.75 9.10527Z" stroke="#37352F"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M8.0001 7.76924C9.59067 7.76924 10.8847 6.47519 10.8847 4.88462C10.8847 3.29405 9.59067 2 8.0001 2C6.40953 2 5.11548 3.29405 5.11548 4.88462C5.11548 6.47519 6.40953 7.76924 8.0001 7.76924ZM8.0001 2.6802C9.21561 2.6802 10.2045 3.66911 10.2045 4.88462C10.2045 6.10013 9.21561 7.08904 8.0001 7.08904C6.78459 7.08904 5.79567 6.10013 5.79567 4.88462C5.79567 3.66911 6.78459 2.6802 8.0001 2.6802Z" fill="#37352F" stroke="#37352F" stroke-width="0.3"/>
<path d="M10.6347 8.65833C10.3534 8.57731 10.0441 8.61639 9.78594 8.76555C9.23066 9.08638 8.63212 9.24907 8.00703 9.24907C7.38194 9.24907 6.78345 9.08638 6.22813 8.76555C5.96999 8.61643 5.66062 8.57735 5.37941 8.65837C4.13695 9.01617 3.26917 10.2475 3.26917 11.6527V12.6756C3.26917 13.6188 3.97154 14.3862 4.83481 14.3862H11.1792C12.0425 14.3862 12.7448 13.6188 12.7448 12.6756V11.6527C12.7449 10.2475 11.8771 9.01613 10.6347 8.65833ZM12.1513 12.6756C12.1513 13.2612 11.7152 13.7376 11.1792 13.7376H4.83485C4.29884 13.7376 3.86279 13.2612 3.86279 12.6756V11.6527C3.86279 10.5417 4.5487 9.56822 5.53074 9.28539C5.57815 9.27173 5.62718 9.26502 5.67633 9.26502C5.77118 9.26502 5.86635 9.2901 5.95068 9.33878C6.59239 9.70955 7.28424 9.89753 8.00707 9.89753C8.72991 9.89753 9.42179 9.70955 10.0635 9.33878C10.1914 9.26485 10.3445 9.24535 10.4834 9.28539C11.4654 9.56822 12.1513 10.5417 12.1513 11.6527V12.6756Z" fill="#37352F" stroke="#37352F" stroke-width="0.3"/>
<path d="M13.5 9C12.6729 9 12 8.3271 12 7.5C12 6.6729 12.6729 6 13.5 6C14.3271 6 15 6.6729 15 7.5C15 8.3271 14.3271 9 13.5 9ZM13.5 6.3537C12.8679 6.3537 12.3537 6.86794 12.3537 7.5C12.3537 8.13206 12.8679 8.6463 13.5 8.6463C14.1321 8.6463 14.6463 8.13206 14.6463 7.5C14.6463 6.86794 14.1321 6.3537 13.5 6.3537Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<path d="M13.4131 10.3691C13.1377 10.3691 12.8741 10.3035 12.6295 10.1742C12.5779 10.1468 12.56 10.1057 12.4274 10.1387L12.5072 10.4053C12.7899 10.5548 13.0946 10.6305 13.413 10.6305C13.7314 10.6305 14.0362 10.5548 14.3188 10.4053C14.356 10.3856 14.3979 10.3755 14.4397 10.3755C14.4613 10.3755 14.4829 10.3782 14.5038 10.3837C14.9364 10.4978 15.2385 10.8903 15.2385 11.3382V11.7506C15.2385 11.9867 15.0464 12.1788 14.8103 12.1788H12.56V12.4403H14.8104C15.1906 12.4403 15.5 12.1309 15.5 11.7506V11.3382C15.5 10.7717 15.1178 10.2752 14.5705 10.1309C14.4466 10.0983 14.3103 10.114 14.1966 10.1742C13.952 10.3035 13.6884 10.3691 13.4131 10.3691Z" stroke="#37352F" stroke-width="0.6"/>
<path d="M2.5 9C3.3271 9 4 8.3271 4 7.5C4 6.6729 3.3271 6 2.5 6C1.6729 6 1 6.6729 1 7.5C1 8.3271 1.6729 9 2.5 9ZM2.5 6.3537C3.13206 6.3537 3.6463 6.86794 3.6463 7.5C3.6463 8.13206 3.13206 8.6463 2.5 8.6463C1.86794 8.6463 1.3537 8.13206 1.3537 7.5C1.3537 6.86794 1.86794 6.3537 2.5 6.3537Z" fill="#37352F" stroke="#37352F" stroke-width="0.5"/>
<path d="M2.58694 10.3691C2.86228 10.3691 3.12592 10.3035 3.37051 10.1742C3.42214 10.1468 3.44 10.1057 3.57264 10.1387L3.49276 10.4053C3.21011 10.5548 2.90535 10.6305 2.58696 10.6305C2.26856 10.6305 1.96382 10.5548 1.68116 10.4053C1.64401 10.3856 1.60209 10.3755 1.56031 10.3755C1.53866 10.3755 1.51706 10.3782 1.49618 10.3837C1.06361 10.4978 0.761482 10.8903 0.761482 11.3382V11.7506C0.761482 11.9867 0.953554 12.1788 1.18966 12.1788H3.44V12.4403H1.18964C0.809382 12.4403 0.5 12.1309 0.5 11.7506V11.3382C0.5 10.7717 0.882244 10.2752 1.42952 10.1309C1.55339 10.0983 1.68966 10.114 1.80336 10.1742C2.04797 10.3035 2.3116 10.3691 2.58694 10.3691Z" stroke="#37352F" stroke-width="0.6"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB