design generic page

This commit is contained in:
jo.kuehner
2023-11-07 10:56:09 +01:00
parent 2d71b09368
commit 50c0934a70
44 changed files with 585 additions and 1 deletions

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.2 9H5.8m0 0 2.8 2.8M5.8 9l2.8-2.8M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16Z"/>
</svg>

After

Width:  |  Height:  |  Size: 255 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m1 11 5-5m0 0 5-5M6 6 1 1m5 5 5 5"/>
</svg>

After

Width:  |  Height:  |  Size: 197 B

View File

@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 50 20">
<g filter="url(#a)">
<rect width="50" height="20" fill="#3A7DCB" rx="10"/>
</g>
<g filter="url(#b)">
<circle cx="10" cy="10" r="8" fill="#212121"/>
</g>
<defs>
<filter id="a" width="52" height="22" x="0" y="0" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend in2="shape" result="effect1_innerShadow_322_41498"/>
</filter>
<filter id="b" width="20" height="20" x="2" y="2" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend in2="shape" result="effect1_innerShadow_322_41498"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 50 20">
<g filter="url(#a)">
<rect width="50" height="20" fill="#5DA1F1" rx="10"/>
</g>
<g filter="url(#b)">
<circle cx="40" cy="10" r="8" fill="#212121"/>
</g>
<defs>
<filter id="a" width="52" height="22" x="0" y="0" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend in2="shape" result="effect1_innerShadow_322_41497"/>
</filter>
<filter id="b" width="20" height="20" x="32" y="2" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend in2="shape" result="effect1_innerShadow_322_41497"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1 6h5m0 0h5M6 6V1m0 5v5"/>
</svg>

After

Width:  |  Height:  |  Size: 188 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11 5.5-4.8 4.6a4 4 0 0 1-1.9.9c-.9 0-1.6-.1-2.3-.6C1.4 9.8 1 9 1 8c.1-.7.6-1.5 1.2-2l4.7-4.5c.4-.4 1-.6 1.5-.6.6 0 1.2.2 1.6.6.4.3.6.8.6 1.4 0 .5-.2 1.2-.6 1.5L5.2 9.1c-.2.1-.7.5-1 .5-.4 0-1 0-1.3-.3-.4-.4-.5-.7-.4-1.2 0-.5.4-.9.6-1L7 3.4"/>
</svg>

After

Width:  |  Height:  |  Size: 403 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.9 5.4v5.3c0 .2-.2.3-.3.3H2.4a.3.3 0 0 1-.3-.3V5.4m2.8 3.4V5.4m2.2 3.4V5.4M11 3.2H8.2m0 0V1.3c0-.2-.1-.3-.3-.3H4c-.2 0-.3.1-.3.3v2m4.4 0H3.8M1 3.2h2.8"/>
</svg>

After

Width:  |  Height:  |  Size: 316 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.9 1h8.5c1.6 0 2.9 1.3 2.9 2.9V8c0 1.6-1.3 2.9-2.9 2.9H4a2.9 2.9 0 0 1-3-2.8V4a3 3 0 0 1 2.9-3Z"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 5.1 8 7 6.4 5"/>
</svg>

After

Width:  |  Height:  |  Size: 362 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.6 2.6 8.2 1 11 3.8 9.4 5.4M6.6 2.6 1.2 8l-.2.4V11h2.6c.1 0 .3 0 .4-.2l5.4-5.4M6.6 2.6l2.8 2.8"/>
</svg>

After

Width:  |  Height:  |  Size: 260 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.6 1h8.8c.4 0 .6.3.6.6v.9c0 .1 0 .3-.2.4L7.3 6.5l-.2.4v3.5c0 .4-.3.7-.7.6l-1-.3a.6.6 0 0 1-.5-.5V6.9c0-.2 0-.3-.2-.4L1.2 2.9a.6.6 0 0 1-.2-.4v-1c0-.2.2-.5.6-.5Z"/>
</svg>

After

Width:  |  Height:  |  Size: 326 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.6 11-5-5 5-5M6 11 1 6l5-5"/>
</svg>

After

Width:  |  Height:  |  Size: 193 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.6 1 5 5-5 5M1 1l5 5-5 5"/>
</svg>

After

Width:  |  Height:  |  Size: 190 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" d="M7.1 10.7V7.4l.3-.3h3.3c.2 0 .3.2.3.3v3.3c0 .2-.1.3-.3.3H7.4a.3.3 0 0 1-.3-.3Zm-6.1 0V7.4c0-.1.1-.3.3-.3h3.3l.3.3v3.3c0 .2-.2.3-.3.3H1.3a.3.3 0 0 1-.3-.3Zm6.1-6.1V1.3c0-.2.2-.3.3-.3h3.3c.2 0 .3.1.3.3v3.3c0 .1-.1.3-.3.3H7.4a.3.3 0 0 1-.3-.3ZM1 4.6V1.3c0-.2.1-.3.3-.3h3.3c.1 0 .3.1.3.3v3.3l-.3.3H1.3a.3.3 0 0 1-.3-.3Z"/>
</svg>

After

Width:  |  Height:  |  Size: 432 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.5 6.3 5 7.8l3.5-3.5"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10Z"/>
</svg>

After

Width:  |  Height:  |  Size: 305 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" d="M1 9.9V2c0-.5.5-1 1.1-1h6.2c.3 0 .6.1.8.3L10.7 3c.2.2.3.5.3.8V10c0 .6-.5 1.1-1.1 1.1H2c-.5-.1-1-.6-1-1.2Z"/>
<path stroke="currentColor" d="M4.1 4.3H8c.2 0 .3-.1.3-.3V1.3c0-.2-.1-.3-.3-.3H4c-.2 0-.3.1-.3.3V4c0 .2.1.3.3.3ZM2.7 6.9V11h6.6V6.9c0-.2-.1-.3-.3-.3H3c-.2 0-.3.1-.3.3Z"/>
</svg>

After

Width:  |  Height:  |  Size: 395 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.5 8.5 11 11M1 5.3a4.3 4.3 0 1 0 8.6 0 4.3 4.3 0 0 0-8.6 0Z"/>
</svg>

After

Width:  |  Height:  |  Size: 225 B

View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" d="M9.9 10.6H2c-.5 0-1-.6-1-1.2v-5c0-.6.5-1 1.1-1H10c.6 0 1.1.4 1.1 1v5c0 .7-.5 1.2-1.1 1.2Z"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.5 7.2a.3.3 0 1 1 0-.5.3.3 0 0 1 0 .5Z"/>
<path stroke="currentColor" d="M9.3 3.3v-.7c0-.8-.7-1.3-1.4-1.1L2 3a1 1 0 0 0-.9 1v.3"/>
</svg>

After

Width:  |  Height:  |  Size: 421 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.8 5.2-.5-1.3.7-.9-1-1-.9.7-1.3-.5L6.5 1h-1l-.3 1.2-1.3.6L3 2 2 3l.7.9-.5 1.3-1.2.3v1l1.2.3.6 1.3L2 9l1 1 .9-.7 1.3.5.3 1.2h1l.3-1.2 1.3-.5.9.7 1-1-.7-.9.5-1.3 1.2-.3v-1l-1.2-.3Z"/>
</svg>

After

Width:  |  Height:  |  Size: 471 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 12.5v-5l-.1-.3-2.5-2.6-.4-.1H6.2c-.2 0-.4.2-.4.5v15c0 .3.2.5.4.5h5.2M9 10.9h6.3M9 7.7h3.2M9 14h2.4m5.6 2.4.7-.8A.9.9 0 0 1 19 17l-.8.8m-1.3-1.3-2.4 2.4-.2.5-.2 1.2 1.2-.2.5-.2 2.4-2.4m-1.3-1.3 1.3 1.3"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.3 4.5v2.7c0 .3.3.5.5.5h2.7"/>
</svg>

After

Width:  |  Height:  |  Size: 522 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
<path stroke="currentColor" stroke-width="1.5" d="M5.5 14.3V6c0-.9.7-1.6 1.6-1.6h10.8c1 0 1.6.7 1.6 1.6v8.2m-14 0h14m-14 0-1.2 4.2c-.3 1 .5 2 1.5 2h13.4c1 0 1.8-1 1.5-2l-1.2-4.2"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.7 18.1h1.6"/>
</svg>

After

Width:  |  Height:  |  Size: 380 B

View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M9 6.7H7c-.8 0-1.5.7-1.5 1.5v10.4c0 .9.7 1.5 1.5 1.5h4.5m2.7-13.4H16c.9 0 1.5.7 1.5 1.5V15"/>
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M8.6 8.5V7.1c0-.2.2-.4.4-.4s.3-.1.4-.3c0-.7.5-1.9 2.2-1.9 1.6 0 2 1.2 2.2 1.9 0 .2.2.3.4.3s.3.2.3.4v1.4c0 .3-.2.5-.4.5h-5a.4.4 0 0 1-.5-.5Z"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m14.2 19 1.5 1.5 3.7-3.7"/>
</svg>

After

Width:  |  Height:  |  Size: 594 B

View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2.1 20.5v-1a6.6 6.6 0 1 1 13.2 0v1"/>
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M13.4 14.9a4.7 4.7 0 0 1 9.5 0v.4"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.7 13a3.8 3.8 0 1 0 0-7.6 3.8 3.8 0 0 0 0 7.6Zm9.4-2.9a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6Z"/>
</svg>

After

Width:  |  Height:  |  Size: 506 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m4.8 10 7.7-5.5 7.8 5.5m-1.8 3.5v6.4c0 .3-.2.6-.5.6H7c-.3 0-.5-.3-.5-.6v-6.4"/>
</svg>

After

Width:  |  Height:  |  Size: 259 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.6 1 5 5-5 5M1 1l5 5-5 5"/>
</svg>

After

Width:  |  Height:  |  Size: 190 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.6 11-5-5 5-5M6 11 1 6l5-5"/>
</svg>

After

Width:  |  Height:  |  Size: 193 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.8 17.8h5.4m-4.5 2.7h3.6m-4.5-5.3c0-1.8-.4-2.3-1.3-3.1a4.1 4.1 0 0 1-1.3-3.2c0-2.7 1.7-4.4 5.3-4.4 3.6 0 5.4 1.7 5.3 4.4a4 4 0 0 1-1.3 3.2c-.9.8-1.3 1.3-1.3 3"/>
</svg>

After

Width:  |  Height:  |  Size: 343 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 15 15">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.5 6.9a6.6 6.6 0 0 1 12 0"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.5 10.1a1.6 1.6 0 1 1 0-3.2 1.6 1.6 0 0 1 0 3.2Z"/>
</svg>

After

Width:  |  Height:  |  Size: 325 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 15 15">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.5 2.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z"/>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.6 10.7s1.2-1.4 3.9-1.4c2.8 0 3.9 1.4 3.9 1.4M7.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
</svg>

After

Width:  |  Height:  |  Size: 379 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.6 1 5 5-5 5M1 1l5 5-5 5"/>
</svg>

After

Width:  |  Height:  |  Size: 190 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.6 11-5-5 5-5M6 11 1 6l5-5"/>
</svg>

After

Width:  |  Height:  |  Size: 193 B