Initial commit: HMDesignSystem baseline

This commit is contained in:
shkim4 committed 2026-10-08 16:58:09 +09:00
commit b6a0a61103
486 files changed
+68432

No files matched your search

@@ -0,0 +1,101 @@
<svg shape-rendering="geometricPrecision" stroke-linecap="round" stroke-linejoin="round" width="33" height="66" viewBox="0 0 33 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_450_5232)">
<path d="M-38.2793 2.1123H25.0811C28.2886 2.11245 30.8886 4.71238 30.8887 7.91992V33C30.8887 50.0589 17.0599 63.8876 0.000976562 63.8877H-38.2793C-41.4869 63.8877 -44.0869 61.2877 -44.0869 58.0801V7.91992C-44.0869 4.71231 -41.4869 2.11235 -38.2793 2.1123Z" fill="url(#paint0_linear_450_5232)"/>
<path d="M-38.2793 2.1123H25.0811C28.2886 2.11245 30.8886 4.71238 30.8887 7.91992V33C30.8887 50.0589 17.0599 63.8876 0.000976562 63.8877H-38.2793C-41.4869 63.8877 -44.0869 61.2877 -44.0869 58.0801V7.91992C-44.0869 4.71231 -41.4869 2.11235 -38.2793 2.1123Z" fill="black" fill-opacity="0.5"/>
<path d="M-38.2793 2.1123H25.0811C28.2886 2.11245 30.8886 4.71238 30.8887 7.91992V33C30.8887 50.0589 17.0599 63.8876 0.000976562 63.8877H-38.2793C-41.4869 63.8877 -44.0869 61.2877 -44.0869 58.0801V7.91992C-44.0869 4.71231 -41.4869 2.11235 -38.2793 2.1123Z" stroke="url(#paint1_linear_450_5232)" stroke-width="4.224"/>
<g filter="url(#filter0_iif_450_5232)">
<path d="M-44.9453 7.6649C-44.9453 3.94691 -41.9313 0.932892 -38.2133 0.932892H25.0126C28.7306 0.932892 31.7446 3.94691 31.7446 7.66489V32.0671C31.7446 50.2925 16.97 65.0671 -1.25538 65.0671H-38.2133C-41.9313 65.0671 -44.9453 62.0531 -44.9453 58.3351V7.6649Z" fill="#C70000" fill-opacity="0.01"/>
<path d="M-38.2129 1.13113H25.0127C28.6213 1.13118 31.5469 4.05671 31.5469 7.66531V32.0667C31.5469 50.1827 16.8602 64.8694 -1.25586 64.8694H-38.2129C-41.8215 64.8694 -44.747 61.9438 -44.7471 58.3352V7.66531C-44.7471 4.05669 -41.8215 1.13113 -38.2129 1.13113Z" stroke="url(#paint2_linear_450_5232)" stroke-width="0.396"/>
</g>
<g filter="url(#filter1_ddi_450_5232)">
<path d="M-41.9766 7.392C-41.9766 5.64236 -40.5582 4.224 -38.8086 4.224H25.6074C27.3571 4.224 28.7754 5.64236 28.7754 7.392V33C28.7754 48.8925 15.892 61.776 -0.000556946 61.776H-38.8086C-40.5582 61.776 -41.9766 60.3576 -41.9766 58.608V7.392Z" fill="#C70000" fill-opacity="0.01" shape-rendering="crispEdges"/>
<path d="M-38.8086 4.48767H25.6074C27.2112 4.48767 28.5117 5.78815 28.5117 7.39197V33.0004C28.5115 48.7469 15.7456 61.5121 -0.000976562 61.5121H-38.8086C-40.4124 61.5121 -41.7129 60.2116 -41.7129 58.6078V7.39197C-41.7129 5.78816 -40.4124 4.48769 -38.8086 4.48767Z" stroke="black" stroke-width="0.528" shape-rendering="crispEdges"/>
</g>
<g opacity="0.5" filter="url(#filter2_f_450_5232)">
<path d="M-38.6631 5.86963H25.4658C26.3406 5.86963 27.0498 6.57879 27.0498 7.45361V32.939C27.0497 47.9565 14.8759 60.1303 -0.141602 60.1304H-38.6631C-39.5379 60.1304 -40.2471 59.4212 -40.2471 58.5464V7.45361C-40.2471 6.57879 -39.5379 5.86963 -38.6631 5.86963Z" stroke="#C70000" style="mix-blend-mode:screen" stroke-width="1.056"/>
</g>
<g opacity="0.5">
<path d="M-38.6631 5.60498H25.4658C26.4864 5.60498 27.3145 6.43299 27.3145 7.45361V32.939C27.3143 48.1023 15.0217 60.3949 -0.141602 60.395H-38.6631C-39.6837 60.395 -40.5117 59.567 -40.5117 58.5464V7.45361C-40.5117 6.43299 -39.6837 5.60498 -38.6631 5.60498Z" fill="#C70000" fill-opacity="0.01"/>
<path d="M-38.6631 5.60498H25.4658C26.4864 5.60498 27.3145 6.43299 27.3145 7.45361V32.939C27.3143 48.1023 15.0217 60.3949 -0.141602 60.395H-38.6631C-39.6837 60.395 -40.5117 59.567 -40.5117 58.5464V7.45361C-40.5117 6.43299 -39.6837 5.60498 -38.6631 5.60498Z" fill="url(#paint3_linear_450_5232)"/>
<path d="M-38.6631 5.60498H25.4658C26.4864 5.60498 27.3145 6.43299 27.3145 7.45361V32.939C27.3143 48.1023 15.0217 60.3949 -0.141602 60.395H-38.6631C-39.6837 60.395 -40.5117 59.567 -40.5117 58.5464V7.45361C-40.5117 6.43299 -39.6837 5.60498 -38.6631 5.60498Z" stroke="url(#paint4_linear_450_5232)" style="mix-blend-mode:screen" stroke-width="0.528"/>
</g>
<g filter="url(#filter3_f_450_5232)">
<path d="M26.4234 9.36464C26.6384 9.40549 26.9411 6.58312 25.3409 6.60028C23.7406 6.61744 25.4296 7.21273 25.9076 7.98957C26.3855 8.7664 26.2084 9.32379 26.4234 9.36464Z" fill="white"/>
</g>
</g>
<defs>
<filter id="filter0_iif_450_5232" x="-45.6053" y="-0.123108" width="78.0095" height="65.8502" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="0.924"/>
<feGaussianBlur stdDeviation="0.264"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_450_5232"/>
<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="-1.056"/>
<feGaussianBlur stdDeviation="0.528"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_450_5232" result="effect2_innerShadow_450_5232"/>
<feGaussianBlur stdDeviation="0.33" result="effect3_foregroundBlur_450_5232"/>
</filter>
<filter id="filter1_ddi_450_5232" x="-43.0326" y="2.904" width="72.864" height="60.456" 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="0.528"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_450_5232"/>
<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="-0.264"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_450_5232" result="effect2_dropShadow_450_5232"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_450_5232" result="shape"/>
<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/>
<feGaussianBlur stdDeviation="1.65"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect3_innerShadow_450_5232"/>
</filter>
<filter id="filter2_f_450_5232" x="-42.0954" y="4.02131" width="70.9935" height="57.9574" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.66" result="effect1_foregroundBlur_450_5232"/>
</filter>
<filter id="filter3_f_450_5232" x="24.402" y="6.33622" width="2.45964" height="3.29286" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.132" result="effect1_foregroundBlur_450_5232"/>
</filter>
<linearGradient id="paint0_linear_450_5232" x1="-6.59922" y1="0" x2="-6.59922" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#6D1C1C"/>
<stop offset="0.5" stop-color="#5C0700"/>
<stop offset="1" stop-color="#380400"/>
</linearGradient>
<linearGradient id="paint1_linear_450_5232" x1="-6.59922" y1="0" x2="-6.59922" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6060"/>
<stop offset="0.2" stop-color="#B42020" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_450_5232" x1="-6.60035" y1="0.932892" x2="-6.60035" y2="65.0671" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.192308" stop-color="#FF4A4A"/>
</linearGradient>
<linearGradient id="paint3_linear_450_5232" x1="-6.59861" y1="5.34131" x2="-6.59861" y2="60.6587" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF5B5B"/>
<stop offset="0.201923" stop-color="#B42020" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_450_5232" x1="-31.6315" y1="5.34131" x2="-31.6315" y2="59.271" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#8C0B00" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_450_5232">
<rect width="33" height="66" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 8.6 KiB

@@ -0,0 +1,236 @@
<svg shape-rendering="geometricPrecision" stroke-linecap="round" stroke-linejoin="round" width="79" height="66" viewBox="0 0 79 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_450_5205)">
<mask id="mask0_450_5205" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="66">
<path d="M48.2277 0H79.5496V66H0.349609L0.349642 46.5884L48.2277 0Z" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_450_5205)">
<rect x="-66.5833" y="2.112" width="171.793" height="61.776" rx="5.808" fill="url(#paint0_linear_450_5205)"/>
<rect x="-66.5833" y="2.112" width="171.793" height="61.776" rx="5.808" fill="black" fill-opacity="0.5"/>
<rect x="-66.5833" y="2.112" width="171.793" height="61.776" rx="5.808" stroke="url(#paint1_linear_450_5205)" stroke-width="4.224"/>
<g filter="url(#filter0_iif_450_5205)">
<rect x="-65.9062" y="0.932892" width="170.438" height="64.1342" rx="6.732" fill="#C70000" fill-opacity="0.01"/>
<rect x="-65.7083" y="1.13089" width="170.042" height="63.7382" rx="6.534" stroke="url(#paint2_linear_450_5205)" stroke-width="0.396"/>
</g>
<g filter="url(#filter1_ddi_450_5205)">
<rect x="-59.3066" y="4.224" width="157.242" height="57.552" rx="3.168" fill="#C70000" fill-opacity="0.01" shape-rendering="crispEdges"/>
<rect x="-59.0426" y="4.488" width="156.714" height="57.024" rx="2.904" stroke="black" stroke-width="0.528" shape-rendering="crispEdges"/>
</g>
<g opacity="0.5" filter="url(#filter2_f_450_5205)">
<path d="M-54.5303 5.86963H93.1572C94.0318 5.86987 94.7412 6.57894 94.7412 7.45361V58.5464C94.7412 59.4211 94.0318 60.1301 93.1572 60.1304H-54.5303C-55.4051 60.1304 -56.1143 59.4212 -56.1143 58.5464V7.45361C-56.1143 6.57879 -55.4051 5.86963 -54.5303 5.86963Z" stroke="#C70000" style="mix-blend-mode:screen" stroke-width="1.056"/>
</g>
<g opacity="0.5">
<path d="M-54.5303 5.60498H93.1572C94.1776 5.60522 95.0049 6.43314 95.0049 7.45361V58.5464C95.0049 59.5669 94.1776 60.3948 93.1572 60.395H-54.5303C-55.5509 60.395 -56.3789 59.567 -56.3789 58.5464V7.45361C-56.3789 6.43299 -55.5509 5.60498 -54.5303 5.60498Z" fill="#C70000" fill-opacity="0.01"/>
<path d="M-54.5303 5.60498H93.1572C94.1776 5.60522 95.0049 6.43314 95.0049 7.45361V58.5464C95.0049 59.5669 94.1776 60.3948 93.1572 60.395H-54.5303C-55.5509 60.395 -56.3789 59.567 -56.3789 58.5464V7.45361C-56.3789 6.43299 -55.5509 5.60498 -54.5303 5.60498Z" fill="url(#paint3_linear_450_5205)"/>
<path d="M-54.5303 5.60498H93.1572C94.1776 5.60522 95.0049 6.43314 95.0049 7.45361V58.5464C95.0049 59.5669 94.1776 60.3948 93.1572 60.395H-54.5303C-55.5509 60.395 -56.3789 59.567 -56.3789 58.5464V7.45361C-56.3789 6.43299 -55.5509 5.60498 -54.5303 5.60498Z" stroke="url(#paint4_linear_450_5205)" style="mix-blend-mode:screen" stroke-width="0.528"/>
</g>
<g filter="url(#filter3_f_450_5205)">
<path d="M2.98828 32.736C2.98828 14.5106 17.7629 -0.264008 35.9883 -0.264008H66.8763C68.0427 -0.264008 68.9883 0.681567 68.9883 1.84799V32.736C68.9883 50.9614 54.2137 65.736 35.9883 65.736H5.10028C3.93386 65.736 2.98828 64.7904 2.98828 63.624V32.736Z" fill="black"/>
</g>
</g>
<mask id="path-10-inside-1_450_5205" fill="white">
<path d="M0.349609 33C0.349609 14.7746 15.1242 0 33.3496 0H64.2376C65.404 0 66.3496 0.945575 66.3496 2.112V33C66.3496 51.2254 51.575 66 33.3496 66H2.46161C1.29518 66 0.349609 65.0544 0.349609 63.888V33Z"/>
</mask>
<path d="M0.349609 33C0.349609 14.7746 15.1242 0 33.3496 0H64.2376C65.404 0 66.3496 0.945575 66.3496 2.112V33C66.3496 51.2254 51.575 66 33.3496 66H2.46161C1.29518 66 0.349609 65.0544 0.349609 63.888V33Z" fill="url(#paint5_linear_450_5205)"/>
<path d="M0.349609 33C0.349609 14.7746 15.1242 0 33.3496 0H64.2376C65.404 0 66.3496 0.945575 66.3496 2.112V33C66.3496 51.2254 51.575 66 33.3496 66H2.46161C1.29518 66 0.349609 65.0544 0.349609 63.888V33Z" stroke="url(#paint6_linear_450_5205)" stroke-width="8.448" mask="url(#path-10-inside-1_450_5205)"/>
<path d="M0.349609 33C0.349609 14.7746 15.1242 0 33.3496 0H64.2376C65.404 0 66.3496 0.945575 66.3496 2.112V33C66.3496 51.2254 51.575 66 33.3496 66H2.46161C1.29518 66 0.349609 65.0544 0.349609 63.888V33Z" stroke="url(#paint7_linear_450_5205)" stroke-width="8.448" mask="url(#path-10-inside-1_450_5205)"/>
<g filter="url(#filter4_iif_450_5205)">
<path d="M1.27962 33.8744C1.31288 15.649 16.1144 0.901412 34.3398 0.934671L64.4186 0.98956C65.0018 0.990625 65.4737 1.46427 65.4727 2.04749L65.4178 32.1256C65.3845 50.351 50.583 65.0986 32.3576 65.0653L2.27881 65.0105C1.69559 65.0094 1.22367 64.5357 1.22474 63.9525L1.27962 33.8744Z" fill="#C70000" fill-opacity="0.01"/>
<path d="M34.3394 1.13291L64.4185 1.1878C64.8921 1.18881 65.275 1.57317 65.2743 2.04679L65.2194 32.1249C65.1864 50.2409 50.4739 64.9007 32.3579 64.8677L2.27883 64.8128C1.80513 64.8117 1.42211 64.4266 1.42298 63.9528L1.47787 33.8748C1.51093 15.7588 16.2234 1.09986 34.3394 1.13291Z" stroke="url(#paint8_linear_450_5205)" stroke-width="0.396"/>
</g>
<g filter="url(#filter5_dd_450_5205)">
<mask id="path-13-inside-2_450_5205" fill="white">
<path d="M4.57422 33C4.57422 17.1075 17.4577 4.224 33.3502 4.224H62.1262V33C62.1262 48.8925 49.2428 61.776 33.3502 61.776H4.83822C4.69242 61.776 4.57422 61.6578 4.57422 61.512V33Z"/>
</mask>
<path d="M4.57422 33C4.57422 17.1075 17.4577 4.224 33.3502 4.224H62.1262V33C62.1262 48.8925 49.2428 61.776 33.3502 61.776H4.83822C4.69242 61.776 4.57422 61.6578 4.57422 61.512V33Z" stroke="black" stroke-width="1.056" shape-rendering="crispEdges" mask="url(#path-13-inside-2_450_5205)"/>
</g>
<g filter="url(#filter6_f_450_5205)">
<mask id="path-14-inside-3_450_5205" fill="white">
<path d="M5.69141 33.0613C5.69141 17.752 18.1021 5.34131 33.4114 5.34131H60.7446C60.8904 5.34131 61.0086 5.45951 61.0086 5.60531V32.9387C61.0086 48.248 48.598 60.6587 33.2887 60.6587H5.95541C5.8096 60.6587 5.69141 60.5405 5.69141 60.3947V33.0613Z"/>
</mask>
<path d="M5.69141 33.0613C5.69141 17.752 18.1021 5.34131 33.4114 5.34131H60.7446C60.8904 5.34131 61.0086 5.45951 61.0086 5.60531V32.9387C61.0086 48.248 48.598 60.6587 33.2887 60.6587H5.95541C5.8096 60.6587 5.69141 60.5405 5.69141 60.3947V33.0613Z" stroke="#C70000" style="mix-blend-mode:screen" stroke-width="2.112" mask="url(#path-14-inside-3_450_5205)"/>
</g>
<mask id="path-15-inside-4_450_5205" fill="white">
<path d="M6.08398 33.4542C6.08398 18.1449 18.4947 5.73419 33.804 5.73419H60.3515C60.4973 5.73419 60.6155 5.85239 60.6155 5.99819V32.5458C60.6155 47.8552 48.2048 60.2658 32.8955 60.2658H6.34798C6.20218 60.2658 6.08398 60.1476 6.08398 60.0018V33.4542Z"/>
</mask>
<g filter="url(#filter7_i_450_5205)">
<path d="M6.08398 33.4542C6.08398 18.1449 18.4947 5.73419 33.804 5.73419H60.3515C60.4973 5.73419 60.6155 5.85239 60.6155 5.99819V32.5458C60.6155 47.8552 48.2048 60.2658 32.8955 60.2658H6.34798C6.20218 60.2658 6.08398 60.1476 6.08398 60.0018V33.4542Z" fill="#C70000" fill-opacity="0.01"/>
</g>
<path d="M6.08398 33.4542C6.08398 18.1449 18.4947 5.73419 33.804 5.73419H60.3515C60.4973 5.73419 60.6155 5.85239 60.6155 5.99819V32.5458C60.6155 47.8552 48.2048 60.2658 32.8955 60.2658H6.34798C6.20218 60.2658 6.08398 60.1476 6.08398 60.0018V33.4542Z" stroke="url(#paint9_linear_450_5205)" style="mix-blend-mode:screen" stroke-width="1.056" mask="url(#path-15-inside-4_450_5205)"/>
<g filter="url(#filter8_dii_450_5205)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M34.3633 13.368C35.744 13.3681 36.8633 14.4874 36.8633 15.868V21.0048L46.4487 30.5902H52.4198C53.8004 30.5902 54.9198 31.7095 54.9198 33.0902C54.9198 34.4709 53.8004 35.5902 52.4198 35.5902H45.7299L36.8633 44.4567V49.8681C36.8633 51.2488 35.744 52.368 34.3633 52.368C32.9827 52.368 31.8634 51.2488 31.8633 49.8681V44.7303L22.7232 35.5902H16.3086C14.9279 35.5902 13.8086 34.4709 13.8086 33.0902C13.8086 31.7095 14.9279 30.5902 16.3086 30.5902H22.0045L31.8633 20.7313V15.868C31.8633 14.4873 32.9826 13.368 34.3633 13.368ZM31.8633 41.9017V35.5902H25.5518L31.8633 41.9017ZM36.8633 41.6282L42.9013 35.5902H36.8633V41.6282ZM24.8328 30.5902H31.8633V23.5596L24.8328 30.5902ZM36.8633 30.5902H43.6204L36.8633 23.8332V30.5902Z" fill="url(#paint10_linear_450_5205)"/>
<path d="M25.458 35.6835L31.9951 42.2206V35.4579H25.2334L25.458 35.6835ZM36.7314 41.9471L42.9951 35.6835L43.2197 35.4579H36.7314V41.9471ZM24.5137 30.7225H31.9951V23.2411L24.5137 30.7225ZM36.7314 30.7225H43.9395L36.7314 23.5145V30.7225ZM31.9951 44.6757L31.957 44.6366L22.8164 35.4969L22.7783 35.4579H16.3086C15.0008 35.4579 13.9404 34.3975 13.9404 33.0897C13.9407 31.7821 15.0009 30.7225 16.3086 30.7225H22.0596L22.0977 30.6835L31.957 20.8251L31.9951 20.786V15.868C31.9951 14.5603 33.0555 13.4999 34.3633 13.4999C35.6711 13.4999 36.7314 14.5603 36.7314 15.868V21.0594L36.7695 21.0985L46.3555 30.6835L46.3936 30.7225H52.4199C53.7275 30.7226 54.7878 31.7822 54.7881 33.0897C54.7881 34.3974 53.7276 35.4578 52.4199 35.4579H45.6748L45.6367 35.4969L36.7695 44.3632L36.7314 44.4022V49.868C36.7314 51.1758 35.671 52.2362 34.3633 52.2362C33.0555 52.2362 31.9952 51.1758 31.9951 49.868V44.6757Z" stroke="black" stroke-opacity="0.1" stroke-width="0.264"/>
</g>
</g>
<defs>
<filter id="filter0_iif_450_5205" x="-66.5662" y="-0.123108" width="171.757" height="65.8502" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="0.924"/>
<feGaussianBlur stdDeviation="0.264"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_450_5205"/>
<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="-1.056"/>
<feGaussianBlur stdDeviation="0.528"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_450_5205" result="effect2_innerShadow_450_5205"/>
<feGaussianBlur stdDeviation="0.33" result="effect3_foregroundBlur_450_5205"/>
</filter>
<filter id="filter1_ddi_450_5205" x="-60.3626" y="2.904" width="159.354" height="60.456" 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="0.528"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_450_5205"/>
<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="-0.264"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_450_5205" result="effect2_dropShadow_450_5205"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_450_5205" result="shape"/>
<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/>
<feGaussianBlur stdDeviation="1.65"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect3_innerShadow_450_5205"/>
</filter>
<filter id="filter2_f_450_5205" x="-57.9626" y="4.02131" width="154.552" height="57.9574" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.66" result="effect1_foregroundBlur_450_5205"/>
</filter>
<filter id="filter3_f_450_5205" x="-2.29172" y="-5.54401" width="76.56" height="76.56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.64" result="effect1_foregroundBlur_450_5205"/>
</filter>
<filter id="filter4_iif_450_5205" x="0.564609" y="-0.121399" width="65.568" height="65.8468" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="0.924"/>
<feGaussianBlur stdDeviation="0.264"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_450_5205"/>
<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="-1.056"/>
<feGaussianBlur stdDeviation="0.528"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_450_5205" result="effect2_innerShadow_450_5205"/>
<feGaussianBlur stdDeviation="0.33" result="effect3_foregroundBlur_450_5205"/>
</filter>
<filter id="filter5_dd_450_5205" x="3.51822" y="2.904" width="59.6647" height="60.456" 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="0.528"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_450_5205"/>
<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="-0.264"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_450_5205" result="effect2_dropShadow_450_5205"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_450_5205" result="shape"/>
</filter>
<filter id="filter6_f_450_5205" x="4.37141" y="4.02131" width="57.9564" height="57.9574" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.66" result="effect1_foregroundBlur_450_5205"/>
</filter>
<filter id="filter7_i_450_5205" x="5.55598" y="5.73419" width="55.0592" height="55.5876" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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 dx="-0.528" dy="1.452"/>
<feGaussianBlur stdDeviation="0.528"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_450_5205"/>
</filter>
<filter id="filter8_dii_450_5205" x="11.9606" y="12.312" width="45.3353" height="43.2239" 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 dx="0.264" dy="1.056"/>
<feGaussianBlur stdDeviation="1.056"/>
<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.8 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_450_5205"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_450_5205" result="shape"/>
<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 dx="-0.264" dy="-0.264"/>
<feGaussianBlur stdDeviation="0.132"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_450_5205"/>
<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 dx="0.528" dy="0.528"/>
<feGaussianBlur stdDeviation="0.132"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_450_5205" result="effect3_innerShadow_450_5205"/>
</filter>
<linearGradient id="paint0_linear_450_5205" x1="19.3131" y1="0" x2="19.3131" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#6D1C1C"/>
<stop offset="0.5" stop-color="#5C0700"/>
<stop offset="1" stop-color="#380400"/>
</linearGradient>
<linearGradient id="paint1_linear_450_5205" x1="19.3131" y1="0" x2="19.3131" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6060"/>
<stop offset="0.2" stop-color="#B42020" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_450_5205" x1="19.313" y1="0.932892" x2="19.313" y2="65.0671" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.192308" stop-color="#FF4A4A"/>
</linearGradient>
<linearGradient id="paint3_linear_450_5205" x1="19.3131" y1="5.34131" x2="19.3131" y2="60.6587" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF5B5B"/>
<stop offset="0.201923" stop-color="#B42020" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_450_5205" x1="-36.3209" y1="5.34131" x2="-36.3209" y2="59.271" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#8C0B00" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_450_5205" x1="33.3496" y1="0" x2="33.3496" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF9087"/>
<stop offset="0.458959" stop-color="#EB1100"/>
<stop offset="1" stop-color="#600700"/>
</linearGradient>
<linearGradient id="paint6_linear_450_5205" x1="33.3496" y1="0" x2="33.3496" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#6D1C1C"/>
<stop offset="0.5" stop-color="#5C0700"/>
<stop offset="1" stop-color="#380400"/>
</linearGradient>
<linearGradient id="paint7_linear_450_5205" x1="33.3496" y1="0" x2="33.3496" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6060"/>
<stop offset="0.2" stop-color="#B42020" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear_450_5205" x1="33.4072" y1="0.932969" x2="33.2902" y2="65.067" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.192308" stop-color="#FF4A4A"/>
</linearGradient>
<linearGradient id="paint9_linear_450_5205" x1="7.15819" y1="6.65249" x2="19.0065" y2="57.5888" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#8C0B00" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint10_linear_450_5205" x1="23.4831" y1="19.119" x2="49.4594" y2="45.0952" gradientUnits="userSpaceOnUse">
<stop stop-color="#EEEEEE"/>
<stop offset="0.438095" stop-color="white"/>
<stop offset="1" stop-color="#CCCCCC"/>
</linearGradient>
<clipPath id="clip0_450_5205">
<rect width="79" height="66" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 20 KiB

@@ -0,0 +1,99 @@
<svg shape-rendering="geometricPrecision" stroke-linecap="round" stroke-linejoin="round" width="58" height="66" viewBox="0 0 58 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_450_5224)">
<g clip-path="url(#clip1_450_5224)">
<rect width="456.588" height="66" transform="translate(-199.215)" fill="white"/>
<rect x="-273.495" y="2.112" width="605.153" height="61.776" rx="5.808" fill="url(#paint0_linear_450_5224)"/>
<rect x="-273.495" y="2.112" width="605.153" height="61.776" rx="5.808" fill="black" fill-opacity="0.5"/>
<rect x="-273.495" y="2.112" width="605.153" height="61.776" rx="5.808" stroke="url(#paint1_linear_450_5224)" stroke-width="4.224"/>
<g filter="url(#filter0_iif_450_5224)">
<rect x="-265.951" y="0.932892" width="590.064" height="64.1342" rx="6.732" fill="#C70000" fill-opacity="0.01"/>
<rect x="-265.753" y="1.13089" width="589.668" height="63.7382" rx="6.534" stroke="url(#paint2_linear_450_5224)" stroke-width="0.396"/>
</g>
<g filter="url(#filter1_ddi_450_5224)">
<rect x="-243.107" y="4.224" width="544.377" height="57.552" rx="3.168" fill="#C70000" fill-opacity="0.01" shape-rendering="crispEdges"/>
<rect x="-242.843" y="4.488" width="543.849" height="57.024" rx="2.904" stroke="black" stroke-width="0.528" shape-rendering="crispEdges"/>
</g>
<g opacity="0.5" filter="url(#filter2_f_450_5224)">
<path d="M-231.769 5.86963H289.93C290.805 5.86963 291.514 6.57879 291.514 7.45361V58.5464C291.514 59.4212 290.805 60.1304 289.93 60.1304H-231.769C-232.643 60.1304 -233.353 59.4212 -233.353 58.5464V7.45361C-233.353 6.57879 -232.643 5.86963 -231.769 5.86963Z" stroke="#C70000" style="mix-blend-mode:screen" stroke-width="1.056"/>
</g>
<g opacity="0.5">
<path d="M-231.769 5.60498H289.93C290.95 5.60498 291.778 6.43299 291.778 7.45361V58.5464C291.778 59.567 290.95 60.395 289.93 60.395H-231.769C-232.789 60.395 -233.617 59.567 -233.617 58.5464V7.45361C-233.617 6.43299 -232.789 5.60498 -231.769 5.60498Z" fill="#C70000" fill-opacity="0.01"/>
<path d="M-231.769 5.60498H289.93C290.95 5.60498 291.778 6.43299 291.778 7.45361V58.5464C291.778 59.567 290.95 60.395 289.93 60.395H-231.769C-232.789 60.395 -233.617 59.567 -233.617 58.5464V7.45361C-233.617 6.43299 -232.789 5.60498 -231.769 5.60498Z" fill="url(#paint3_linear_450_5224)"/>
<path d="M-231.769 5.60498H289.93C290.95 5.60498 291.778 6.43299 291.778 7.45361V58.5464C291.778 59.567 290.95 60.395 289.93 60.395H-231.769C-232.789 60.395 -233.617 59.567 -233.617 58.5464V7.45361C-233.617 6.43299 -232.789 5.60498 -231.769 5.60498Z" stroke="url(#paint4_linear_450_5224)" style="mix-blend-mode:screen" stroke-width="0.528"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_iif_450_5224" x="-266.611" y="-0.123108" width="591.384" height="65.8502" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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="0.924"/>
<feGaussianBlur stdDeviation="0.264"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_450_5224"/>
<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="-1.056"/>
<feGaussianBlur stdDeviation="0.528"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_450_5224" result="effect2_innerShadow_450_5224"/>
<feGaussianBlur stdDeviation="0.33" result="effect3_foregroundBlur_450_5224"/>
</filter>
<filter id="filter1_ddi_450_5224" x="-244.163" y="2.904" width="546.489" height="60.456" 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="0.528"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_450_5224"/>
<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="-0.264"/>
<feGaussianBlur stdDeviation="0.528"/>
<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 1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_450_5224" result="effect2_dropShadow_450_5224"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_450_5224" result="shape"/>
<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/>
<feGaussianBlur stdDeviation="1.65"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect3_innerShadow_450_5224"/>
</filter>
<filter id="filter2_f_450_5224" x="-235.201" y="4.02131" width="528.564" height="57.9574" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.66" result="effect1_foregroundBlur_450_5224"/>
</filter>
<linearGradient id="paint0_linear_450_5224" x1="29.0811" y1="0" x2="29.0811" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#6D1C1C"/>
<stop offset="0.5" stop-color="#5C0700"/>
<stop offset="1" stop-color="#380400"/>
</linearGradient>
<linearGradient id="paint1_linear_450_5224" x1="29.0811" y1="0" x2="29.0811" y2="66" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6060"/>
<stop offset="0.2" stop-color="#B42020" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_450_5224" x1="29.0809" y1="0.932892" x2="29.0809" y2="65.0671" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.192308" stop-color="#FF4A4A"/>
</linearGradient>
<linearGradient id="paint3_linear_450_5224" x1="29.0806" y1="5.34131" x2="29.0806" y2="60.6587" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF5B5B"/>
<stop offset="0.201923" stop-color="#B42020" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_450_5224" x1="-163.526" y1="5.34131" x2="-163.526" y2="59.271" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#8C0B00" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_450_5224">
<rect width="58" height="66" fill="white"/>
</clipPath>
<clipPath id="clip1_450_5224">
<rect width="456.588" height="66" fill="white" transform="translate(-199.215)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 7.0 KiB

@@ -0,0 +1,14 @@
<svg width="179" height="66" viewBox="0 0 179 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_468_1828" fill="white">
<path d="M0 0H179V36C179 52.5685 165.569 66 149 66H0V0Z"/>
</mask>
<path d="M0 0H179V36C179 52.5685 165.569 66 149 66H0V0Z" fill="#420E0A"/>
<path d="M0 0H179V36C179 52.5685 165.569 66 149 66H0V0Z" fill="url(#paint0_linear_468_1828)" fill-opacity="0.3"/>
<path d="M0 -4H183L175 4H0V-4ZM183 36C183 54.7777 167.778 70 149 70H0V62H149C163.359 62 175 50.3594 175 36H183ZM175 36M0 66V0V66M183 -4V36C183 54.7777 167.778 70 149 70V62C163.359 62 175 50.3594 175 36V4L183 -4Z" fill="#400500" mask="url(#path-1-inside-1_468_1828)"/>
<defs>
<linearGradient id="paint0_linear_468_1828" x1="0" y1="33" x2="179" y2="33" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="0.1" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 865 B

@@ -0,0 +1,10 @@
<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_468_1825" fill="white">
<path d="M0 33C0 14.7746 14.7746 0 33 0H66V66H0V33Z"/>
</mask>
<path d="M0 33C0 14.7746 14.7746 0 33 0H66V66H0V33Z" fill="#420E0A"/>
<path d="M0 33C0 14.7746 14.7746 0 33 0H66V66H0V33Z" fill="black" fill-opacity="0.3"/>
<path d="M0 33C0 12.5655 16.5655 -4 37 -4H66V4H33C14.7746 4 0 16.9837 0 33ZM66 70H0V62H66V70ZM66 62M0 66V0V66M0 66M66 0V66V0" fill="#400500" mask="url(#path-1-inside-1_468_1825)"/>
<path d="M33 2H64V33C64 50.1208 50.1208 64 33 64H2V33C2 15.8792 15.8792 2 33 2Z" fill="#D21203" stroke="#400500" stroke-width="4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.998 13.5C34.3788 13.5 35.498 14.6193 35.498 16V21.1367L45.084 30.7227H51.0547C52.4353 30.7228 53.5547 31.842 53.5547 33.2227C53.5545 34.6031 52.4352 35.7225 51.0547 35.7227H44.3633L35.498 44.5879V50C35.498 51.3807 34.3788 52.5 32.998 52.5C31.6173 52.5 30.498 51.3807 30.498 50V44.8613L21.3594 35.7227H14.9434C13.5628 35.7227 12.4436 34.6032 12.4434 33.2227C12.4434 31.8419 13.5626 30.7227 14.9434 30.7227H20.6387L30.498 20.8633V16C30.498 14.6193 31.6173 13.5 32.998 13.5ZM30.498 42.0332V35.7227H24.1875L30.498 42.0332ZM35.498 35.7227V41.7598L41.5352 35.7227H35.498ZM35.498 30.7227H42.2559L35.498 23.9648V30.7227ZM23.4668 30.7227H30.498V23.6914L23.4668 30.7227Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB