lucide/docs/images/visually-centered-bad.svg

<svg width="480" height="480" viewBox="0 0 480 480" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="480" height="480" fill="#3C3C43"/>
<path d="M197 392.5L185 404.5" stroke="#F45F7A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M185 392.5L197 404.5" stroke="#F45F7A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M221.071 410H213.079V387.455H221.137C223.405 387.455 225.357 387.906 226.994 388.809C228.631 389.704 229.889 390.992 230.77 392.673C231.658 394.353 232.102 396.364 232.102 398.705C232.102 401.054 231.658 403.072 230.77 404.76C229.889 406.448 228.623 407.743 226.972 408.646C225.328 409.549 223.361 410 221.071 410ZM217.846 405.916H220.873C222.282 405.916 223.468 405.666 224.429 405.167C225.398 404.661 226.124 403.879 226.609 402.822C227.1 401.758 227.346 400.386 227.346 398.705C227.346 397.039 227.1 395.678 226.609 394.621C226.124 393.564 225.401 392.786 224.44 392.287C223.479 391.788 222.293 391.539 220.884 391.539H217.846V405.916ZM243.185 410.33C241.475 410.33 239.996 409.967 238.748 409.24C237.508 408.507 236.55 407.486 235.875 406.18C235.2 404.866 234.862 403.344 234.862 401.612C234.862 399.865 235.2 398.338 235.875 397.032C236.55 395.718 237.508 394.698 238.748 393.972C239.996 393.238 241.475 392.871 243.185 392.871C244.895 392.871 246.37 393.238 247.61 393.972C248.858 394.698 249.819 395.718 250.494 397.032C251.17 398.338 251.507 399.865 251.507 401.612C251.507 403.344 251.17 404.866 250.494 406.18C249.819 407.486 248.858 408.507 247.61 409.24C246.37 409.967 244.895 410.33 243.185 410.33ZM243.207 406.697C243.985 406.697 244.634 406.477 245.155 406.037C245.676 405.589 246.069 404.98 246.333 404.21C246.605 403.439 246.74 402.562 246.74 401.578C246.74 400.595 246.605 399.718 246.333 398.947C246.069 398.177 245.676 397.568 245.155 397.12C244.634 396.672 243.985 396.449 243.207 396.449C242.421 396.449 241.761 396.672 241.225 397.12C240.697 397.568 240.297 398.177 240.025 398.947C239.761 399.718 239.629 400.595 239.629 401.578C239.629 402.562 239.761 403.439 240.025 404.21C240.297 404.98 240.697 405.589 241.225 406.037C241.761 406.477 242.421 406.697 243.207 406.697ZM259.246 400.224V410H254.557V393.091H259.026V396.074H259.224C259.598 395.091 260.226 394.313 261.107 393.74C261.987 393.161 263.055 392.871 264.31 392.871C265.484 392.871 266.508 393.128 267.381 393.641C268.255 394.155 268.934 394.889 269.418 395.843C269.902 396.79 270.145 397.92 270.145 399.234V410H265.455V400.07C265.462 399.036 265.198 398.228 264.662 397.648C264.127 397.061 263.389 396.768 262.45 396.768C261.818 396.768 261.261 396.904 260.776 397.175C260.299 397.447 259.925 397.843 259.653 398.364C259.389 398.878 259.253 399.498 259.246 400.224ZM277.771 387.455V389.832C277.771 390.508 277.639 391.197 277.374 391.902C277.118 392.599 276.773 393.26 276.34 393.884C275.907 394.5 275.433 395.025 274.92 395.458L272.85 394.236C273.217 393.656 273.54 393.014 273.819 392.309C274.105 391.605 274.248 390.786 274.248 389.854V387.455H277.771ZM290.464 393.091V396.614H280.281V393.091H290.464ZM282.592 389.04H287.282V404.804C287.282 405.237 287.348 405.575 287.48 405.817C287.612 406.052 287.796 406.217 288.031 406.312C288.273 406.408 288.552 406.455 288.867 406.455C289.087 406.455 289.308 406.437 289.528 406.4C289.748 406.356 289.917 406.323 290.034 406.301L290.772 409.791C290.537 409.864 290.207 409.949 289.781 410.044C289.355 410.147 288.838 410.209 288.229 410.231C287.099 410.275 286.108 410.125 285.257 409.78C284.413 409.435 283.756 408.899 283.286 408.173C282.816 407.446 282.585 406.529 282.592 405.42V389.04ZM296.26 410.286C295.533 410.286 294.909 410.029 294.388 409.516C293.874 408.995 293.617 408.371 293.617 407.644C293.617 406.925 293.874 406.308 294.388 405.795C294.909 405.281 295.533 405.024 296.26 405.024C296.964 405.024 297.581 405.281 298.109 405.795C298.637 406.308 298.902 406.925 298.902 407.644C298.902 408.129 298.777 408.573 298.527 408.976C298.285 409.373 297.966 409.692 297.57 409.934C297.173 410.169 296.737 410.286 296.26 410.286Z" fill="#F45F7A"/>
<path d="M100.277 63.4545V86H96.1599L86.3513 71.81H86.1862V86H81.4195V63.4545H85.6027L95.3343 77.6335H95.5324V63.4545H100.277ZM111.767 86.3303C110.057 86.3303 108.578 85.967 107.331 85.2404C106.09 84.5065 105.133 83.4864 104.458 82.18C103.782 80.8664 103.445 79.3435 103.445 77.6115C103.445 75.8648 103.782 74.3383 104.458 73.032C105.133 71.7183 106.09 70.6982 107.331 69.9716C108.578 69.2377 110.057 68.8707 111.767 68.8707C113.477 68.8707 114.952 69.2377 116.193 69.9716C117.44 70.6982 118.402 71.7183 119.077 73.032C119.752 74.3383 120.09 75.8648 120.09 77.6115C120.09 79.3435 119.752 80.8664 119.077 82.18C118.402 83.4864 117.44 84.5065 116.193 85.2404C114.952 85.967 113.477 86.3303 111.767 86.3303ZM111.789 82.6974C112.567 82.6974 113.217 82.4773 113.738 82.0369C114.259 81.5893 114.651 80.9801 114.916 80.2095C115.187 79.4389 115.323 78.5619 115.323 77.5785C115.323 76.5951 115.187 75.718 114.916 74.9474C114.651 74.1768 114.259 73.5677 113.738 73.12C113.217 72.6723 112.567 72.4485 111.789 72.4485C111.004 72.4485 110.343 72.6723 109.808 73.12C109.279 73.5677 108.879 74.1768 108.608 74.9474C108.344 75.718 108.211 76.5951 108.211 77.5785C108.211 78.5619 108.344 79.4389 108.608 80.2095C108.879 80.9801 109.279 81.5893 109.808 82.0369C110.343 82.4773 111.004 82.6974 111.789 82.6974ZM132.133 69.0909V72.6136H121.95V69.0909H132.133ZM124.262 65.0398H128.952V80.804C128.952 81.237 129.018 81.5746 129.15 81.8168C129.282 82.0516 129.465 82.2167 129.7 82.3121C129.942 82.4076 130.221 82.4553 130.537 82.4553C130.757 82.4553 130.977 82.4369 131.197 82.4002C131.417 82.3562 131.586 82.3232 131.704 82.3011L132.441 85.7908C132.206 85.8642 131.876 85.9486 131.45 86.044C131.025 86.1468 130.507 86.2092 129.898 86.2312C128.768 86.2752 127.777 86.1248 126.926 85.7798C126.082 85.4349 125.425 84.8991 124.955 84.1726C124.486 83.446 124.255 82.5286 124.262 81.4205V65.0398ZM158.127 69.0909L152.215 86H146.931L141.02 69.0909H145.973L149.485 81.1893H149.661L153.162 69.0909H158.127ZM160.527 86V69.0909H165.216V86H160.527ZM162.883 66.9112C162.185 66.9112 161.587 66.68 161.088 66.2177C160.596 65.748 160.351 65.1866 160.351 64.5334C160.351 63.8875 160.596 63.3335 161.088 62.8711C161.587 62.4014 162.185 62.1665 162.883 62.1665C163.58 62.1665 164.174 62.4014 164.666 62.8711C165.165 63.3335 165.415 63.8875 165.415 64.5334C165.415 65.1866 165.165 65.748 164.666 66.2177C164.174 66.68 163.58 66.9112 162.883 66.9112ZM183.042 73.9126L178.749 74.1768C178.675 73.8099 178.517 73.4796 178.275 73.1861C178.033 72.8852 177.714 72.6467 177.317 72.4705C176.929 72.287 176.462 72.1953 175.919 72.1953C175.193 72.1953 174.58 72.3494 174.081 72.6577C173.582 72.9586 173.332 73.3622 173.332 73.8686C173.332 74.2723 173.494 74.6135 173.817 74.8924C174.14 75.1713 174.694 75.3951 175.479 75.5639L178.539 76.1804C180.183 76.518 181.409 77.0611 182.216 77.8097C183.024 78.5582 183.427 79.5417 183.427 80.7599C183.427 81.8681 183.101 82.8406 182.447 83.6772C181.802 84.5138 180.914 85.167 179.783 85.6367C178.661 86.0991 177.365 86.3303 175.897 86.3303C173.659 86.3303 171.876 85.8642 170.547 84.9322C169.226 83.9928 168.452 82.7158 168.224 81.1012L172.837 80.859C172.976 81.5415 173.314 82.0626 173.85 82.4222C174.386 82.7745 175.072 82.9506 175.908 82.9506C176.73 82.9506 177.391 82.7929 177.89 82.4773C178.396 82.1544 178.653 81.7397 178.661 81.2333C178.653 80.8076 178.473 80.459 178.121 80.1875C177.769 79.9086 177.226 79.6958 176.492 79.549L173.564 78.9656C171.912 78.6353 170.683 78.0629 169.876 77.2482C169.076 76.4336 168.676 75.3951 168.676 74.1328C168.676 73.0466 168.969 72.1109 169.556 71.3256C170.151 70.5404 170.984 69.9349 172.055 69.5092C173.134 69.0836 174.397 68.8707 175.842 68.8707C177.978 68.8707 179.659 69.3221 180.884 70.2248C182.117 71.1275 182.836 72.3568 183.042 73.9126ZM197.224 78.8004V69.0909H201.913V86H197.411V82.9286H197.235C196.853 83.9194 196.218 84.7157 195.33 85.3175C194.449 85.9193 193.374 86.2202 192.105 86.2202C190.974 86.2202 189.98 85.9633 189.121 85.4496C188.263 84.9358 187.591 84.2056 187.107 83.2589C186.63 82.3121 186.388 81.1783 186.38 79.8572V69.0909H191.07V79.0206C191
<g clip-path="url(#clip0_1612_14994)">
<g clip-path="url(#clip1_1612_14994)">
<rect x="120" y="120" width="240" height="240" rx="8" fill="#F5F5F5"/>
<path d="M120 130H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M130 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 140H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M140 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 150H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M150 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 160H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M160 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 170H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M170 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 180H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M180 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 190H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M190 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 200H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M200 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 210H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M210 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 220H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M220 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 230H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M230 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 240H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M240 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 250H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M250 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 260H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M260 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 270H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M270 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 280H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M280 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 290H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M290 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 300H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M300 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 310H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M310 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 320H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M320 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 330H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M330 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 340H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M340 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M120 350H360" stroke="#D8D8D9" stroke-width="0.5"/>
<path d="M350 120V360" stroke="#D8D8D9" stroke-width="0.5"/>
</g>
<path d="M150 150L220.7 320L245.8 246.1L320 220.7L150 150Z" stroke="#3C3C43" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.5" d="M240 120V360M360 240H120" stroke="#F56565" stroke-dasharray="1 1"/>
</g>
<defs>
<clipPath id="clip0_1612_14994">
<rect width="240" height="240" fill="white" transform="translate(120 120)"/>
</clipPath>
<clipPath id="clip1_1612_14994">
<rect x="120" y="120" width="240" height="240" rx="8" fill="white"/>
</clipPath>
</defs>
</svg>