add some test svgs

This commit is contained in:
Mads Rasmussen
2023-02-23 16:17:01 +01:00
parent 26c3865a4b
commit 10ebfc3173
4 changed files with 96 additions and 0 deletions

View File

@@ -0,0 +1,33 @@
<svg width="370" height="250" viewBox="0 0 370 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9" y="9" width="352" height="232" rx="7" fill="white" stroke="black" stroke-width="2"/>
<mask id="path-2-inside-1_1_4" fill="white">
<path d="M10 40H102V240H16C12.6863 240 10 237.314 10 234V40Z"/>
</mask>
<path d="M10 40H102V240H16C12.6863 240 10 237.314 10 234V40Z" fill="white"/>
<path d="M10 40H102H10ZM102 240H10H102ZM10 240V40V240ZM103 40V240H101V40H103Z" fill="black" mask="url(#path-2-inside-1_1_4)"/>
<path d="M354 10C357.314 10 360 12.6863 360 16L360 40L10 40L10 16C10 12.6863 12.6863 10 16 10L354 10Z" fill="#1B264F"/>
<path d="M24 116L27.4641 122H20.5359L24 116Z" fill="#848484"/>
<rect x="33" y="118" width="40" height="2" fill="#848484"/>
<path d="M24 100L27.4641 106H20.5359L24 100Z" fill="#848484"/>
<rect x="33" y="102" width="40" height="2" fill="#848484"/>
<path d="M24 84L27.4641 90H20.5359L24 84Z" fill="#848484"/>
<rect x="33" y="86" width="40" height="2" fill="#848484"/>
<path d="M24 68L27.4641 74H20.5359L24 68Z" fill="#848484"/>
<rect x="33" y="70" width="40" height="2" fill="#848484"/>
<rect x="20" y="50" width="58" height="8" fill="#D9D9D9"/>
<mask id="path-14-inside-2_1_4" fill="white">
<path d="M102 40H160V240H102V40Z"/>
</mask>
<path d="M102 40H160V240H102V40Z" fill="white"/>
<path d="M159 40V240H161V40H159Z" fill="black" mask="url(#path-14-inside-2_1_4)"/>
<rect x="107" y="50" width="26" height="8" fill="#D9D9D9"/>
<path d="M160 40H360V234C360 237.314 357.314 240 354 240H160V40Z" fill="#D9D9D9"/>
<rect x="120" y="118" width="30" height="2" fill="#848484"/>
<rect x="108" y="116" width="7" height="6" fill="#848484"/>
<rect x="120" y="102" width="30" height="2" fill="#848484"/>
<rect x="108" y="100" width="7" height="6" fill="#848484"/>
<rect x="120" y="86" width="30" height="2" fill="#848484"/>
<rect x="108" y="84" width="7" height="6" fill="#848484"/>
<rect x="120" y="70" width="30" height="2" fill="#848484"/>
<rect x="108" y="68" width="7" height="6" fill="#848484"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,28 @@
<svg width="370" height="250" viewBox="0 0 370 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9" y="9" width="352" height="232" rx="7" fill="white" stroke="black" stroke-width="2"/>
<path d="M354 10C357.314 10 360 12.6863 360 16L360 40L10 40L10 16C10 12.6863 12.6863 10 16 10L354 10Z" fill="#1B264F"/>
<mask id="path-3-inside-1_21_132" fill="white">
<path d="M10 40H102V240H16C12.6863 240 10 237.314 10 234V40Z"/>
</mask>
<path d="M10 40H102V240H16C12.6863 240 10 237.314 10 234V40Z" fill="white"/>
<path d="M10 40H102H10ZM102 240H10H102ZM10 240V40V240ZM103 40V240H101V40H103Z" fill="black" mask="url(#path-3-inside-1_21_132)"/>
<g opacity="0.8">
<path d="M10 40H360V234C360 237.314 357.314 240 354 240H10V40Z" fill="#D9D9D9"/>
</g>
<rect x="10" y="71" width="91" height="30" fill="white"/>
<path d="M56 80L57.3471 84.1459H61.7063L58.1796 86.7082L59.5267 90.8541L56 88.2918L52.4733 90.8541L53.8204 86.7082L50.2937 84.1459H54.6529L56 80Z" fill="#848484"/>
<rect x="10" y="40" width="91" height="30" fill="white"/>
<path d="M56 49L57.3471 53.1459H61.7063L58.1796 55.7082L59.5267 59.8541L56 57.2918L52.4733 59.8541L53.8204 55.7082L50.2937 53.1459H54.6529L56 49Z" fill="#848484"/>
<g opacity="0.25">
<rect x="62" y="19" width="32" height="12" fill="white"/>
<rect x="67" y="24" width="22" height="2" fill="#848484"/>
</g>
<g opacity="0.25">
<rect x="104" y="19" width="32" height="12" fill="white"/>
<rect x="109" y="24" width="22" height="2" fill="#848484"/>
</g>
<g opacity="0.25">
<rect x="20" y="19" width="32" height="12" fill="white"/>
<rect x="25" y="24" width="22" height="2" fill="#848484"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -0,0 +1,20 @@
<svg width="370" height="250" viewBox="0 0 370 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9" y="9" width="352" height="232" rx="7" fill="white" stroke="black" stroke-width="2"/>
<path d="M102 40H360V234C360 237.314 357.314 240 354 240H102V40Z" fill="#D9D9D9"/>
<path d="M354 10C357.314 10 360 12.6863 360 16L360 40L10 40L10 16C10 12.6863 12.6863 10 16 10L354 10Z" fill="#1B264F"/>
<mask id="path-4-inside-1_21_120" fill="white">
<path d="M10 40H102V240H16C12.6863 240 10 237.314 10 234V40Z"/>
</mask>
<path d="M10 40H102V240H16C12.6863 240 10 237.314 10 234V40Z" fill="white"/>
<path d="M10 40H102H10ZM102 240H10H102ZM10 240V40V240ZM103 40V240H101V40H103Z" fill="black" mask="url(#path-4-inside-1_21_120)"/>
<g opacity="0.25">
<rect x="62" y="19" width="32" height="12" fill="white"/>
<rect x="67" y="24" width="22" height="2" fill="#848484"/>
</g>
<g opacity="0.25">
<rect x="104" y="19" width="32" height="12" fill="white"/>
<rect x="109" y="24" width="22" height="2" fill="#848484"/>
</g>
<rect x="20" y="19" width="32" height="12" fill="white"/>
<rect x="25" y="24" width="22" height="2" fill="#848484"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -0,0 +1,15 @@
<svg width="370" height="250" viewBox="0 0 370 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9" y="9.00003" width="352" height="232" rx="7" fill="white" stroke="black" stroke-width="2"/>
<path d="M10 40H360V234C360 237.314 357.314 240 354 240H10V40Z" fill="white"/>
<path d="M354 10C357.314 10 360 12.6863 360 16L360 40L10 40L10 16C10 12.6863 12.6863 10 16 10L354 10Z" fill="#1B264F"/>
<g opacity="0.25">
<rect x="62" y="19" width="32" height="12" fill="white"/>
<rect x="67" y="24" width="22" height="2" fill="#848484"/>
</g>
<g opacity="0.25">
<rect x="104" y="19" width="32" height="12" fill="white"/>
<rect x="109" y="24" width="22" height="2" fill="#848484"/>
</g>
<rect x="20" y="19" width="32" height="12" fill="white"/>
<rect x="25" y="24" width="22" height="2" fill="#848484"/>
</svg>

After

Width:  |  Height:  |  Size: 810 B