Skip to content

Instantly share code, notes, and snippets.

@pirhoo
Created May 5, 2025 14:06
Show Gist options
  • Save pirhoo/e2a0e5831f16f7be7b55fd709fbcfa14 to your computer and use it in GitHub Desktop.
Save pirhoo/e2a0e5831f16f7be7b55fd709fbcfa14 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 829 532"><rect width="50" height="70" fill="url(#a)" rx="4" transform="rotate(-27.992 571.813 -105.702) skewX(.016)"/><rect width="19" height="14" fill="#fff" rx="2" transform="rotate(-27.992 587.371 -128.76) skewX(.016)"/><rect width="19" height="14" fill="#fff" rx="2" transform="rotate(-27.992 623.478 -137.772) skewX(.016)"/><rect width="19" height="14" fill="#fff" rx="2" transform="rotate(-27.992 659.583 -146.783) skewX(.016)"/><rect width="50" height="44.88" fill="url(#b)" rx="4" transform="rotate(-17.994 1357.783 -815.65) skewX(.011)"/><rect width="11.532" height="26.861" fill="#fff" rx="2" transform="rotate(-17.994 1384.968 -836.83) skewX(.011)"/><rect width="11.532" height="26.764" fill="#fff" rx="2" transform="rotate(-17.994 1368.715 -924.11) skewX(.011)"/><rect width="11.532" height="26.679" fill="#fff" rx="2" transform="rotate(-17.994 1377.242 -880.4) skewX(.011)"/><rect width="50" height="70" fill="url(#c)" rx="4" transform="rotate(-23.993 790.464 -399.099) skewX(.014)"/><rect width="40" height="22.253" fill="#fff" rx="2" transform="rotate(-23.993 811.493 -415.871) skewX(.014)"/><rect width="50" height="70" fill="url(#d)" rx="4" transform="rotate(28.992 -49.463 1159.29) skewX(-.016)"/><path fill="#F3F5F8" d="m568.635 234.253-13.135-.228c.215-.406.431-.823.647-1.248 1.17.149 2.557-.641 4.157-2.361.372 1.059 1.086 2.436 2.346 2.483.707.026 1.422-.382 2.164-1.242.52.644 1.601 1.307 3.843 1.346a.626.626 0 0 0 .022-1.25c-2.377-.041-3.066-.869-3.103-1.312a.596.596 0 0 0-.415-.613.64.64 0 0 0-.728.26c-.968 1.432-1.542 1.57-1.74 1.561-.645-.023-1.275-1.547-1.481-2.636a.628.628 0 0 0-.458-.49.628.628 0 0 0-.638.207c-1.613 1.952-2.682 2.6-3.344 2.761.689-1.462 1.207-2.748 1.543-3.832.565-1.821.627-3.101.187-3.911-.227-.424-.713-.934-1.707-.951-1.255-.022-2.265 1.146-2.774 3.205-.302 1.223-.372 2.589-.192 3.747.18 1.159.58 2.007 1.174 2.516a70.189 70.189 0 0 1-.908 1.735l-1.709-.03a.63.63 0 0 0-.636.614.624.624 0 0 0 .614.636l1.048.018c-.913 1.625-1.621 2.757-1.632 2.775a.641.641 0 0 0-.093.23.629.629 0 0 0 .763.721.64.64 0 0 0 .39-.289c.012-.02.906-1.452 1.99-3.412l13.784.239a.627.627 0 0 0 .636-.614.626.626 0 0 0-.615-.635Zm-13.4-7.951c.335-1.359.954-2.266 1.538-2.256.416.008.552.155.63.298.227.42.476 1.898-1.81 6.718-.63-.892-.814-2.91-.358-4.76Z"/><rect width="40" height="3" fill="#fff" rx="1" transform="rotate(28.992 -90.638 1158.946) skewX(-.016)"/><rect width="33.586" height="3" fill="#fff" rx="1" transform="rotate(28.992 -103.567 1156.462) skewX(-.016)"/><rect width="27.749" height="3" fill="#fff" rx="1" transform="rotate(28.992 -115.712 1152.994) skewX(-.016)"/><rect width="36.285" height="3" fill="#fff" rx="1" transform="rotate(28.992 -127.86 1149.522) skewX(-.016)"/><circle cx="5" cy="5" r="5" fill="#fff" transform="matrix(.97825 .20781 -.20801 .97805 557.277 178.783)"/><rect width="50" height="70" fill="url(#e)" rx="4" transform="rotate(24.993 -477.03 1203.796) skewX(-.015)"/><path fill="#fff" d="M446.421 359.792c2.715-1.109 6.572-3.08 7.792.212.643 1.585 1.201 5.028 3.7 4.112l19.483-7.088c.365-.13.753-.186 1.14-.165a2.925 2.925 0 0 1 2.03.991c.255.292.449.632.571 1l5.517 17.056a22.916 22.916 0 0 1-2.964 2.475l-37.196-17.339-.073-1.254Z"/><rect width="50" height="70" x="371.15" y="114.148" fill="url(#f)" rx="4"/><path fill="#fff" d="M399.666 125.125a4.064 4.064 0 0 0-2.873 6.935 4.064 4.064 0 0 0 2.873 1.19c.84 0 1.723-.253 2.361-.677a.32.32 0 0 0 .133-.199.313.313 0 0 0-.48-.322c-.53.353-1.303.573-2.014.573a3.438 3.438 0 1 1 3.438-3.438c0 1.033-.425 1.25-.782 1.25-.356 0-.781-.217-.781-1.25v-1.562a.31.31 0 0 0-.092-.221.31.31 0 0 0-.441 0 .31.31 0 0 0-.092.221v.166a1.877 1.877 0 0 0-3.119 1.566 1.875 1.875 0 0 0 3.351.977c.234.469.638.728 1.174.728.881 0 1.407-.701 1.407-1.875a4.07 4.07 0 0 0-4.063-4.062Zm0 5.312a1.25 1.25 0 1 1-.001-2.5 1.25 1.25 0 0 1 .001 2.5Z"/><rect width="11.024" height="3" x="405.254" y="127.921" fill="#fff" rx="1"/><rect width="18.408" height="3" x="375.932" y="127.868" fill="#fff" rx="1"/><rect width="18.408" height="3" x="375.932" y="138.066" fill="#fff" rx="1"/><rect width="40" height="3" x="375.932" y="145.021" fill="#fff" rx="1"/><rect width="40" height="3" x="375.932" y="150.021" fill="#fff" rx="1"/><rect width="40" height="3" x="375.932" y="155.021" fill="#fff" rx="1"/><rect width="40" height="3" x="375.932" y="160.021" fill="#fff" rx="1"/><rect width="40" height="3" x="375.932" y="165.021" fill="#fff" rx="1"/><rect width="18" height="3" x="375.932" y="170.021" fill="#fff" rx="1"/><rect width="74.004" height="70" fill="url(#g)" rx="4" transform="matrix(.88302 .46935 -.4696 .88287 579.66 354.625)"/><rect width="18.408" height="3" fill="#fff" rx="1" transform="rotate(29.992 -396.715 1271.325) skewX(-.017)"/><rect width="18.408" height="3" fill="#fff" rx="1" transform="rotate(29.992 -411.645 1267.322) skewX(-.017)"/><rect width="18.408" height="3" fill="#fff" rx="1" transform="rotate(29.992 -426.578 1263.316) skewX(-.017)"/><rect width="18.408" height="3" fill="#fff" rx="1" transform="rotate(29.992 -441.51 1259.314) skewX(-.017)"/><rect width="18.408" height="3" fill="#fff" rx="1" transform="rotate(29.992 -456.44 1255.308) skewX(-.017)"/><rect width="55" height="3" fill="#fff" rx="1" transform="rotate(-59.992 659.462 -289.585) skewX(.017)"/><path fill="#fff" d="m629.374 395.466-2.294.451-.688 2.246a.629.629 0 0 1-.533.44.621.621 0 0 1-.612-.319l-1.124-2.046-2.331.052a.625.625 0 0 1-.468-1.052l1.6-1.716-.756-2.215a.625.625 0 0 1 .857-.771l2.112.987 1.867-1.419a.618.618 0 0 1 .689-.045.62.62 0 0 1 .307.619l-.294 2.328 1.91 1.334a.626.626 0 0 1-.24 1.127l-.002-.001Z"/><rect width="50" height="44.88" fill="url(#h)" rx="4" transform="rotate(-17.994 306.754 -655.17) skewX(.011)"/><rect width="13.581" height="13.074" fill="#fff" rx="2" transform="rotate(-17.994 328.303 -677.897) skewX(.011)"/><rect width="21" height="3" fill="#fff" rx="1" transform="rotate(-17.994 351.38 -736.585) skewX(.011)"/><path fill="#fff" d="M230.422 83.479a1 1 0 0 1 .642-1.26l34.239-11.121c.526-.17 1.09.117 1.261.642l.309.951a1 1 0 0 1-.642 1.26l-34.239 11.121a1 1 0 0 1-1.26-.642l-.31-.951Z"/><rect width="38" height="3" fill="#fff" rx="1" transform="rotate(-17.994 391.458 -687.906) skewX(.011)"/><path fill="#F3F5F8" d="m268.068 86.738-6.247 2.029c.036-.227.07-.46.103-.695.577-.12 1.104-.72 1.58-1.793.348.44.91.975 1.514.792.338-.102.61-.412.821-.939.35.22.969.358 2.036.011a.311.311 0 0 0 .2-.394.314.314 0 0 0-.394-.2c-1.13.367-1.591.088-1.68-.116a.302.302 0 0 0-.297-.222.317.317 0 0 0-.301.241c-.225.835-.474.993-.569 1.022-.308.093-.854-.525-1.129-1.006a.314.314 0 0 0-.564.045c-.445 1.185-.845 1.665-1.131 1.849.087-.803.123-1.496.105-2.063-.03-.953-.209-1.568-.549-1.88-.176-.163-.489-.325-.962-.171-.596.193-.884.91-.789 1.966a4.96 4.96 0 0 0 .52 1.803c.273.519.601.854.965.999-.046.331-.096.657-.147.968l-.813.264a.313.313 0 0 0 .193.594l.499-.162c-.167.917-.318 1.567-.32 1.578a.321.321 0 0 0 .036.24.314.314 0 0 0 .436.1.316.316 0 0 0 .137-.2c.002-.011.192-.834.385-1.937l6.555-2.129a.313.313 0 0 0 .201-.394.314.314 0 0 0-.394-.2Zm-7.63-1.58c-.063-.697.082-1.226.359-1.316.198-.064.287-.017.347.038.176.162.534.82.238 3.47-.443-.318-.859-1.242-.944-2.191Z"/><rect width="21" height="3" fill="#fff" rx="1" transform="rotate(-17.994 319.802 -731.58) skewX(.011)"/><rect width="21" height="3" fill="#fff" rx="1" transform="rotate(-17.994 335.592 -734.084) skewX(.011)"/><rect width="50" height="111.902" fill="url(#i)" rx="4" transform="rotate(30.004 313.287 1169.02) skewX(.009)"/><rect width="18.408" height="3" fill="#fff" rx="1" transform="rotate(30.004 284.897 1185.414) skewX(.009)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="rotate(30.004 291.849 1171.622) skewX(.009)"/><rect width="24" height="3" fill="#fff" rx="1" transform="matrix(-.86599 -.50007 -.49993 .86606 648.982 37.19)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="matrix(-.86599 -.50007 -.49993 .86606 656.779 39.813)"/><rect width="6" height="3" fill="#fff" rx="1" transform="rotate(30.004 251.312 1176.417) skewX(.009)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="rotate(30.004 258.35 1162.306) skewX(.009)"/><rect width="27" height="3" fill="#fff" rx="1" transform="matrix(-.86599 -.50007 -.49993 .86606 639.982 52.779)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="matrix(-.86599 -.50007 -.49993 .86606 647.93 55.488)"/><rect width="6" height="3" fill="#fff" rx="1" transform="rotate(30.004 217.728 1167.427) skewX(.009)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="rotate(30.004 224.851 1152.992) skewX(.009)"/><rect width="23" height="3" fill="#fff" rx="1" transform="matrix(-.86599 -.50007 -.49993 .86606 631.85 68.868)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="matrix(-.86599 -.50007 -.49993 .86606 639.078 71.163)"/><rect width="27" height="3" fill="#fff" rx="1" transform="rotate(30.004 184.142 1158.426) skewX(.009)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="rotate(30.004 191.18 1144.316) skewX(.009)"/><rect width="27" height="3" fill="#fff" rx="1" transform="rotate(30.004 135.631 1145.434) skewX(.009)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="rotate(30.004 142.668 1131.322) skewX(.009)"/><rect width="6" height="3" fill="#fff" rx="1" transform="matrix(-.86599 -.50007 -.49993 .86606 621.984 83.957)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="matrix(-.86599 -.50007 -.49993 .86606 629.932 86.666)"/><rect width="6" height="3" fill="#fff" rx="1" transform="matrix(-.86599 -.50007 -.49993 .86606 617.484 91.752)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="matrix(-.86599 -.50007 -.49993 .86606 625.432 94.46)"/><rect width="6" height="3" fill="#fff" rx="1" transform="matrix(-.86599 -.50007 -.49993 .86606 609.486 105.609)"/><circle cx="3" cy="3" r="3" fill="#fff" transform="matrix(-.86599 -.50007 -.49993 .86606 617.434 108.318)"/><defs><linearGradient id="a" x1="33.4" x2="35.236" y1="-38.378" y2="111.532" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FA4070"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="b" x1="37.285" x2="49.477" y1="65.034" y2="-26.922" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".918" stop-color="#112A5C"/></linearGradient><linearGradient id="c" x1="25" x2="21.08" y1="0" y2="123.223" gradientUnits="userSpaceOnUse"><stop stop-color="#4CD9AA"/><stop offset=".994" stop-color="#fff"/></linearGradient><linearGradient id="d" x1="23.709" x2="38.023" y1="114.982" y2="-63.647" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#00553C"/></linearGradient><linearGradient id="e" x1="28.984" x2="38.193" y1="4.885" y2="117.095" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB53E"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="f" x1="395.934" x2="395.934" y1="67.521" y2="232.521" gradientUnits="userSpaceOnUse"><stop stop-color="#112A5C"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="g" x1="68.295" x2="11.505" y1="-84.381" y2="112.747" gradientUnits="userSpaceOnUse"><stop stop-color="#45C4FF"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="h" x1="16.417" x2="23.525" y1="-17.977" y2="126.805" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB53E"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="i" x1="43.628" x2="17.688" y1="-12.178" y2="198.857" gradientUnits="userSpaceOnUse"><stop stop-color="#FA4070"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment