Source code

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://raw.githubusercontent.com/mozilla-firefox/firefox/main/browser/components/aboutwelcome/assets/kit-sit-look-up.svg
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="406" height="323" viewBox="0 0 406 323" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1784_11289)">
<path d="M222.103 440.367C228.078 436.973 233.593 432.84 238.509 427.889C246.682 419.663 251.657 412.715 250.618 400.456C249.319 385.022 240.547 368.83 229.337 358.348C216.808 346.648 201.681 348.245 186.595 342.235C124.33 317.378 121.892 254.166 125.989 192.93C129.166 145.631 76.6923 125.426 76.6923 125.426C76.6923 125.426 91.3393 150.283 65.7021 173.284C36.0483 199.898 7.49367 237.933 8.71259 295.116C8.77253 297.791 9.27209 304.639 9.27209 304.639C9.27209 304.639 7.29384 303.681 4.69615 300.986C1.35911 297.531 0.0402756 295.335 0.0402756 295.335C0.0402756 295.335 -1.03877 311.647 6.63443 336.505C18.0643 373.522 41.8032 406.006 78.3508 428.368C117.017 452.027 180.6 463.967 222.083 440.367H222.103Z" fill="url(#paint0_linear_1784_11289)"/>
<path d="M62.0259 267.243C60.1076 250.472 60.707 230.965 60.707 230.965C60.707 230.965 54.6324 245.76 51.1156 264.648C48.4979 278.684 47.1391 293.718 47.3189 297.092C46.4597 295.874 43.9819 292.001 41.8837 285.732C39.2461 277.825 37.3877 271.296 37.3877 271.296C37.4876 271.236 30.8935 298.031 42.9828 347.246C58.3292 385.801 84.3861 399.677 96.4154 385.321C108.445 370.966 93.1982 357.289 83.6467 343.792C71.7972 327.041 65.243 295.235 62.0259 267.263V267.243Z" fill="url(#paint1_linear_1784_11289)"/>
<path d="M403.043 146.549C402.483 139.541 386.877 137.784 380.103 127.482C377.985 124.248 377.425 118.937 377.405 113.127C377.405 108.055 377.825 102.624 378.005 97.8926C378.444 86.7516 377.985 80.642 378.085 61.7943C378.185 46.8398 376.326 30.2682 369.432 26.3748C363.038 22.761 352.727 29.789 338.08 43.246C329.907 50.7531 324.552 57.242 318.957 61.8741C318.617 62.1537 318.278 62.4531 317.938 62.7127C317.598 62.9723 309.226 60.796 304.31 59.8176C303.251 59.598 302.612 58.3801 302.072 56.1839C300.873 51.2922 300.254 41.5089 296.837 27.2134C292.62 9.42379 286.826 0.71867 278.493 -0.00010172C271.459 -0.599078 259.25 17.1106 249.838 31.9453C242.045 44.2243 241.466 45.4822 238.428 49.8946C236.21 53.1091 233.673 56.9426 230.915 60.756C225.22 68.6426 218.686 76.5091 212.392 79.0048C200.542 83.6968 191.39 77.3676 186.974 82.8383C182.738 88.0893 187.334 89.0477 188.293 89.9461C213.67 96.3552 209.114 156.732 220.864 153.797C230.875 151.301 234.332 173.763 254.934 176.338C275.436 178.894 291.681 177.197 307.048 174.342C339.399 168.332 371.191 147.308 397.747 152.579C396.149 150.123 403.422 151.042 403.063 146.529L403.043 146.549Z" fill="url(#paint2_linear_1784_11289)"/>
<path d="M351.148 83.2576C361.779 95.5766 372.749 108.035 377.425 113.127C377.425 108.055 377.844 102.625 378.024 97.8926C378.464 86.7517 378.004 80.6421 378.104 61.7943C378.204 46.8399 376.346 30.2682 369.452 26.3749C363.057 22.7611 352.747 29.789 338.1 43.246C329.927 50.7532 324.572 57.2421 318.977 61.8742C325.651 64.2701 340.158 70.5594 351.148 83.2776V83.2576Z" fill="url(#paint3_linear_1784_11289)"/>
<path d="M302.113 56.1839C300.914 51.2922 300.295 41.5089 296.878 27.2134C292.621 9.42379 286.826 0.71867 278.494 -0.000101719C271.46 -0.599078 259.251 17.1107 249.839 31.9453C242.046 44.2243 241.467 45.4822 238.429 49.8946C236.211 53.1091 233.674 56.9426 230.916 60.756C238.969 59.4183 253.376 56.8627 267.464 54.2272C281.351 51.6516 294.28 53.9876 302.113 56.1439V56.1839Z" fill="url(#paint4_linear_1784_11289)"/>
<path d="M397.728 152.599C367.175 141.498 340.439 142.596 308.827 148.326C305.65 148.905 303.052 149.425 299.555 148.965C306.629 156.492 286.047 175.959 261.549 171.287C253.196 169.69 246.442 167.134 241.047 164C222.963 153.478 220.905 136.806 227.479 128.301C227.759 127.921 228.079 127.542 228.398 127.143C218.447 124.288 211.334 95.7962 188.234 89.9662C188.434 90.1658 188.474 90.3455 188.234 90.5652C185.956 92.7215 176.325 88.5486 173.947 94.778C171.988 99.8693 182.339 100.808 181.58 103.184C180.541 106.418 173.107 105.599 172.128 108.854C170.47 114.305 174.007 113.965 183.039 122.131C187.595 126.244 193.529 132.513 200.903 142.776C212.652 159.108 213.452 196.524 211.993 222.22C211.274 235.078 204.719 263.689 203.96 278.763C203.181 294.297 204.799 308.273 205.199 320.572C205.299 326.622 205.199 335.027 203.78 340.997C200.263 358.707 189.793 361.542 185.976 384.822C180.241 419.842 218.387 433 217.968 433.12C217.888 433.14 217.748 433.18 217.608 433.199C219.566 433.439 221.465 433.659 223.303 433.878C231.636 434.897 238.869 435.855 245.104 436.733C247.501 437.073 250.059 437.392 252.197 437.712C251.558 441.545 250.539 445.978 249.56 448.853C248.181 452.866 246.762 460.173 248.76 463.528C252.757 470.276 277.555 469.258 278.714 461.291C279.273 457.398 279.653 452.646 279.873 447.255C279.873 447.255 279.873 447.295 279.873 447.315C282.69 447.196 282.87 447.235 284.708 447.315C284.728 448.114 285.028 455.521 285.867 461.271C287.026 469.238 311.824 470.256 315.821 463.508C317.799 460.173 316.4 452.866 315.022 448.833C314.382 446.956 313.703 444.281 313.103 441.545C316.221 440.906 352.229 433.559 355.246 433.08C355.286 432.94 355.486 432.8 355.845 432.66C372.351 426.97 391.074 401.713 382.422 378.134C377.466 364.637 368.294 358.228 363.159 349.203C352.508 330.535 360.641 326.162 355.945 276.328C353.907 254.625 348.212 229.048 345.894 215.811C341.298 189.536 347.253 189.696 362.739 185.383C382.742 179.813 389.556 183.327 392.253 177.077C393.532 174.122 388.756 172.046 389.815 169.031C391.454 164.279 404.822 168.232 405.801 163.301C407.06 156.972 399.227 154.955 397.668 152.579L397.728 152.599Z" fill="url(#paint5_linear_1784_11289)"/>
<path opacity="0.6" d="M397.728 152.599C367.175 141.498 340.439 142.596 308.827 148.326C305.65 148.905 303.052 149.425 299.555 148.965C306.629 156.492 286.047 175.959 261.549 171.287C253.196 169.69 246.442 167.134 241.047 164C222.963 153.478 220.905 136.806 227.479 128.301C227.759 127.921 228.079 127.542 228.398 127.143C218.447 124.288 211.334 95.7962 188.234 89.9662C188.434 90.1658 188.474 90.3455 188.234 90.5652C185.956 92.7215 176.325 88.5486 173.947 94.778C171.988 99.8693 182.339 100.808 181.58 103.184C180.541 106.418 173.107 105.599 172.128 108.854C170.47 114.305 174.007 113.965 183.039 122.131C187.595 126.244 193.529 132.513 200.903 142.776C212.652 159.108 213.452 196.524 211.993 222.22C211.274 235.078 204.719 263.689 203.96 278.763C203.181 294.297 204.799 308.273 205.199 320.572C205.299 326.622 205.199 335.027 203.78 340.997C200.263 358.707 189.793 361.542 185.976 384.822C180.241 419.842 218.387 433 217.968 433.12C217.888 433.14 217.748 433.18 217.608 433.199C219.566 433.439 221.465 433.659 223.303 433.878C231.636 434.897 238.869 435.855 245.104 436.733C247.501 437.073 250.059 437.392 252.197 437.712C251.558 441.545 250.539 445.978 249.56 448.853C248.181 452.866 246.762 460.173 248.76 463.528C252.757 470.276 277.555 469.258 278.714 461.291C279.273 457.398 279.653 452.646 279.873 447.255C279.873 447.255 279.873 447.295 279.873 447.315C282.69 447.196 282.87 447.235 284.708 447.315C284.728 448.114 285.028 455.521 285.867 461.271C287.026 469.238 311.824 470.256 315.821 463.508C317.799 460.173 316.4 452.866 315.022 448.833C314.382 446.956 313.703 444.281 313.103 441.545C316.221 440.906 352.229 433.559 355.246 433.08C355.286 432.94 355.486 432.8 355.845 432.66C372.351 426.97 391.074 401.713 382.422 378.134C377.466 364.637 368.294 358.228 363.159 349.203C352.508 330.535 360.641 326.162 355.945 276.328C353.907 254.625 348.212 229.048 345.894 215.811C341.298 189.536 347.253 189.696 362.739 185.383C382.742 179.813 389.556 183.327 392.253 177.077C393.532 174.122 388.756 172.046 389.815 169.031C391.454 164.279 404.822 168.232 405.801 163.301C407.06 156.972 399.227 154.955 397.668 152.579L397.728 152.599Z" fill="url(#paint6_linear_1784_11289)"/>
<path d="M277.434 365.375C276.195 366.873 275.456 376.576 273.857 377.395C272.578 378.034 271.939 369.768 270.62 362.301C270.26 360.284 268.902 353.735 268.542 351.819C266.863 342.475 266.864 343.213 265.465 335.586C265.185 341.676 264.625 343.293 263.506 352.637C262.967 357.169 262.188 362.62 261.548 365.635C260.989 368.27 260.129 358.467 259.59 355.892C256.992 343.393 255.194 340.059 251.677 327.62C249.699 320.592 243.484 314.103 242.885 309.611C245.722 328.798 249.799 360.564 251.997 388.696C252.696 397.66 253.216 406.265 253.415 413.972C253.615 421.38 253.555 427.968 253.136 433.279C253.036 434.577 252.816 436.154 252.536 437.812C251.877 441.725 250.838 446.137 249.899 448.893C249.659 449.611 249.439 450.35 249.239 451.069C247.78 456.4 247.78 461.351 249.099 463.588C253.096 470.336 277.894 469.318 279.053 461.351C279.612 457.458 279.992 452.686 280.212 447.275C281.051 426.91 279.632 397.001 277.374 365.415L277.434 365.375Z" fill="url(#paint7_linear_1784_11289)"/>
<path d="M316.061 450.969C315.861 450.27 315.661 449.572 315.421 448.853C314.702 446.756 313.943 443.722 313.323 440.687C312.784 437.991 312.344 435.296 312.184 433.239C309.946 405.128 317.839 340.778 322.455 309.591C321.856 314.083 315.641 320.572 313.663 327.6C310.166 340.039 308.348 343.373 305.75 355.872C305.21 358.447 304.351 368.251 303.792 365.615C303.152 362.6 302.373 357.169 301.833 352.617C300.714 343.273 300.155 341.656 299.875 335.566C298.476 343.193 298.476 342.475 296.798 351.799C296.458 353.735 295.079 360.264 294.72 362.281C293.401 369.748 292.781 378.014 291.482 377.375C289.864 376.556 289.145 366.853 287.906 365.356C285.648 396.942 284.229 426.85 285.068 447.196C285.288 452.606 285.668 457.378 286.227 461.272C287.386 469.238 312.184 470.256 316.181 463.508C317.419 461.411 317.479 456.819 316.241 451.828C316.161 451.528 316.101 451.249 316.021 450.949L316.061 450.969Z" fill="url(#paint8_linear_1784_11289)"/>
<path opacity="0.6" d="M280.192 216.729C280.192 216.729 253.955 236.116 261.009 281.379C266.664 317.617 271.32 326.003 274.877 349.003C278.453 372.004 282.27 398.559 282.27 398.559C282.27 398.559 285.487 372.883 289.823 348.404C292.921 330.914 299.135 307.374 302.452 279.083C307.807 233.521 280.172 216.709 280.172 216.709L280.192 216.729Z" fill="url(#paint9_linear_1784_11289)"/>
<path d="M254.494 115.063C269.541 117.08 280.252 140.3 296.997 147.248C310.365 152.799 288.285 176.399 261.588 171.307C225.64 164.459 218.746 139.661 227.538 128.321C232.254 122.231 241.866 113.366 254.514 115.063H254.494Z" fill="#FFC635"/>
<path d="M253.675 118.837C248.2 117.12 244.503 118.517 242.964 120.434C241.066 122.79 241.665 129.119 248.4 131.236C254.794 133.252 260.089 129.159 260.169 125.925C260.229 123.629 258.511 120.354 253.675 118.837Z" fill="#00073A"/>
<path d="M311.685 104.621C318.259 106.398 320.737 111.849 315.441 123.888C311.285 133.352 307.189 132.953 300.974 131.216C297.737 130.297 293.661 125.445 296.818 118.218C301.094 108.355 304.791 102.764 311.685 104.621Z" fill="url(#paint10_linear_1784_11289)"/>
<path d="M307.208 113.466C306.549 115.063 304.711 115.962 303.112 115.483C301.513 115.003 300.754 113.306 301.413 111.709C302.073 110.112 303.911 109.213 305.51 109.692C307.108 110.172 307.868 111.869 307.208 113.466Z" fill="white"/>
<path d="M256.813 82.7386C265.466 84.6553 264.866 92.1425 259.531 103.283C256.194 110.252 252.197 110.132 246.023 108.395C242.806 107.496 238.409 104.042 242.925 94.4785C246.582 86.7118 251.358 81.5207 256.813 82.7186V82.7386Z" fill="url(#paint11_linear_1784_11289)"/>
<path d="M253.836 91.9829C253.157 93.6201 251.279 94.5585 249.64 94.0593C248.002 93.5602 247.222 91.8231 247.902 90.1859C248.581 88.5487 250.459 87.6103 252.098 88.1095C253.737 88.6086 254.516 90.3457 253.836 91.9829Z" fill="white"/>
</g>
<defs>
<linearGradient id="paint0_linear_1784_11289" x1="17.5048" y1="146.11" x2="176.176" y2="461.297" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFEB49"/>
<stop offset="0.45" stop-color="#FF6600"/>
<stop offset="0.53" stop-color="#FE6009"/>
<stop offset="0.68" stop-color="#FD5322"/>
<stop offset="0.86" stop-color="#FC3C4C"/>
<stop offset="1" stop-color="#FB2872"/>
</linearGradient>
<linearGradient id="paint1_linear_1784_11289" x1="54.7523" y1="229.787" x2="70.6325" y2="357.752" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFEB49"/>
<stop offset="0.09" stop-color="#FFE545" stop-opacity="0.96"/>
<stop offset="0.24" stop-color="#FFD63D" stop-opacity="0.84"/>
<stop offset="0.44" stop-color="#FFBD2F" stop-opacity="0.66"/>
<stop offset="0.67" stop-color="#FF9A1C" stop-opacity="0.4"/>
<stop offset="0.94" stop-color="#FF6F05" stop-opacity="0.07"/>
<stop offset="1" stop-color="#FF6600" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_1784_11289" x1="334.523" y1="-7.22774" x2="239.988" y2="283.361" gradientUnits="userSpaceOnUse">
<stop offset="0.17" stop-color="#FF6600"/>
<stop offset="0.54" stop-color="#FF9C00"/>
<stop offset="0.9" stop-color="#FF6700"/>
<stop offset="0.91" stop-color="#FF6600"/>
</linearGradient>
<linearGradient id="paint3_linear_1784_11289" x1="353.115" y1="80.0503" x2="392.613" y2="17.4379" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6600" stop-opacity="0"/>
<stop offset="0.11" stop-color="#FF6600" stop-opacity="0.3"/>
<stop offset="0.23" stop-color="#FF6600" stop-opacity="0.6"/>
<stop offset="0.32" stop-color="#FF6600" stop-opacity="0.82"/>
<stop offset="0.4" stop-color="#FF6600" stop-opacity="0.95"/>
<stop offset="0.43" stop-color="#FF6600"/>
<stop offset="0.72" stop-color="#FD4737"/>
<stop offset="1" stop-color="#FB2872"/>
</linearGradient>
<linearGradient id="paint4_linear_1784_11289" x1="266.829" y1="53.2149" x2="275.602" y2="-20.4229" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6600" stop-opacity="0"/>
<stop offset="0.03" stop-color="#FF6600" stop-opacity="0.17"/>
<stop offset="0.07" stop-color="#FF6600" stop-opacity="0.36"/>
<stop offset="0.11" stop-color="#FF6600" stop-opacity="0.53"/>
<stop offset="0.15" stop-color="#FF6600" stop-opacity="0.68"/>
<stop offset="0.2" stop-color="#FF6600" stop-opacity="0.8"/>
<stop offset="0.24" stop-color="#FF6600" stop-opacity="0.89"/>
<stop offset="0.29" stop-color="#FF6600" stop-opacity="0.95"/>
<stop offset="0.35" stop-color="#FF6600" stop-opacity="0.99"/>
<stop offset="0.42" stop-color="#FF6600"/>
<stop offset="0.7" stop-color="#FD4737"/>
<stop offset="0.97" stop-color="#FB2872"/>
</linearGradient>
<linearGradient id="paint5_linear_1784_11289" x1="288.885" y1="83.058" x2="288.885" y2="491.16" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6600"/>
<stop offset="0.01" stop-color="#FF7408"/>
<stop offset="0.04" stop-color="#FF8A14"/>
<stop offset="0.07" stop-color="#FF9B1D"/>
<stop offset="0.11" stop-color="#FFA724"/>
<stop offset="0.17" stop-color="#FFAE27"/>
<stop offset="0.33" stop-color="#FFB029"/>
<stop offset="0.46" stop-color="#FF9218"/>
<stop offset="0.63" stop-color="#FF6600"/>
<stop offset="0.64" stop-color="#FE5D0F"/>
<stop offset="0.69" stop-color="#FD4A32"/>
<stop offset="0.74" stop-color="#FC3B4E"/>
<stop offset="0.79" stop-color="#FB3062"/>
<stop offset="0.84" stop-color="#FB2A6E"/>
<stop offset="0.89" stop-color="#FB2872"/>
</linearGradient>
<linearGradient id="paint6_linear_1784_11289" x1="288.885" y1="83.058" x2="288.885" y2="491.16" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFEB49" stop-opacity="0.8"/>
<stop offset="0.23" stop-color="#FFC836" stop-opacity="0.59"/>
<stop offset="0.6" stop-color="#FF9319" stop-opacity="0.28"/>
<stop offset="0.87" stop-color="#FF7207" stop-opacity="0.08"/>
<stop offset="1" stop-color="#FF6600" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_1784_11289" x1="259.47" y1="312.106" x2="266.712" y2="504.458" gradientUnits="userSpaceOnUse">
<stop offset="0.01" stop-color="#BE0449" stop-opacity="0"/>
<stop offset="0.06" stop-color="#BF054A" stop-opacity="0.04"/>
<stop offset="0.14" stop-color="#C2084C" stop-opacity="0.16"/>
<stop offset="0.23" stop-color="#C70D51" stop-opacity="0.36"/>
<stop offset="0.35" stop-color="#CE1457" stop-opacity="0.63"/>
<stop offset="0.48" stop-color="#D71E5F" stop-opacity="0.97"/>
<stop offset="0.49" stop-color="#D81F60"/>
<stop offset="0.56" stop-color="#D31E5F"/>
<stop offset="0.63" stop-color="#C71D5D"/>
<stop offset="0.7" stop-color="#B31A59"/>
<stop offset="0.77" stop-color="#971754"/>
<stop offset="0.84" stop-color="#73134E"/>
<stop offset="0.91" stop-color="#460E46"/>
<stop offset="0.98" stop-color="#13093D"/>
<stop offset="1" stop-color="#00073A"/>
</linearGradient>
<linearGradient id="paint8_linear_1784_11289" x1="306.809" y1="276.847" x2="298.809" y2="505.896" gradientUnits="userSpaceOnUse">
<stop stop-color="#D81F60" stop-opacity="0"/>
<stop offset="0.11" stop-color="#D81F60" stop-opacity="0.01"/>
<stop offset="0.19" stop-color="#D81F60" stop-opacity="0.06"/>
<stop offset="0.27" stop-color="#D81F60" stop-opacity="0.14"/>
<stop offset="0.35" stop-color="#D81F60" stop-opacity="0.25"/>
<stop offset="0.42" stop-color="#D81F60" stop-opacity="0.39"/>
<stop offset="0.49" stop-color="#D81F60" stop-opacity="0.57"/>
<stop offset="0.55" stop-color="#D81F60" stop-opacity="0.77"/>
<stop offset="0.62" stop-color="#D81F60"/>
<stop offset="0.66" stop-color="#D21E5F"/>
<stop offset="0.71" stop-color="#C21C5C"/>
<stop offset="0.77" stop-color="#A81957"/>
<stop offset="0.83" stop-color="#841551"/>
<stop offset="0.9" stop-color="#551049"/>
<stop offset="0.97" stop-color="#1D0A3F"/>
<stop offset="1" stop-color="#00073A"/>
</linearGradient>
<linearGradient id="paint9_linear_1784_11289" x1="280.971" y1="255.403" x2="288.771" y2="427.19" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFEB49"/>
<stop offset="0.09" stop-color="#FFE847" stop-opacity="0.96"/>
<stop offset="0.24" stop-color="#FFE143" stop-opacity="0.84"/>
<stop offset="0.44" stop-color="#FFD63D" stop-opacity="0.66"/>
<stop offset="0.67" stop-color="#FFC735" stop-opacity="0.4"/>
<stop offset="0.94" stop-color="#FFB42B" stop-opacity="0.07"/>
<stop offset="1" stop-color="#FFB029" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint10_linear_1784_11289" x1="311.824" y1="95.3769" x2="304.223" y2="131.677" gradientUnits="userSpaceOnUse">
<stop offset="0.16" stop-color="#A030B9"/>
<stop offset="0.88" stop-color="#00073A"/>
</linearGradient>
<linearGradient id="paint11_linear_1784_11289" x1="257.393" y1="75.6307" x2="249.831" y2="105.902" gradientUnits="userSpaceOnUse">
<stop offset="0.16" stop-color="#A030B9"/>
<stop offset="0.88" stop-color="#00073A"/>
</linearGradient>
<clipPath id="clip0_1784_11289">
<rect width="406" height="468" fill="white"/>
</clipPath>
</defs>
</svg>