// Figma /Design/components/IconWorld* — inlined as dual-layer SVG components.
// Each icon has a dark backing (orange→yellow gradient) and a light overlay
// (cream→white gradient), matching the Figma source exactly.
const FigmaIcons = {
  Planet: () => (
    <svg viewBox="0 0 48 48" width="100%" height="100%" fill="none" aria-hidden>
      <defs>
        <linearGradient id="fi-planet-dark" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#BDBDBD" />
          <stop offset="100%" stopColor="#808080" />
        </linearGradient>
        <linearGradient id="fi-planet-light" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#FFFFFF" />
          <stop offset="100%" stopColor="#E6E6E6" />
        </linearGradient>
      </defs>
      <g transform="translate(2 2)">
        <path d="M 38.912 15.838 L 34.762 4.211 C 31.178 1.607 26.744 0 22 0 C 20.118 0 18.288 0.318 16.534 0.782 L 8.104 8.955 L 0.241 19.422 C 0.138 20.273 0 21.123 0 22 C 0 34.091 9.909 44 22 44 C 31.797 44 40.124 37.443 42.909 28.548 L 38.912 15.838 Z"
          fill="url(#fi-planet-dark)" />
        <g transform="translate(0.238 0.777)">
          <path d="M 19.548 19.275 C 19.321 18.881 18.903 18.636 18.448 18.631 L 13.369 18.567 C 13.14 18.564 12.916 18.5 12.72 18.382 L 9.257 16.296 C 8.774 16.004 8.699 15.601 8.425 14.855 C 8.138 14.075 8.655 13.232 9.478 13.131 L 11.53 12.879 C 11.873 12.837 12.184 12.659 12.395 12.386 L 13.36 11.131 C 13.524 10.917 13.751 10.76 14.01 10.683 L 17.88 9.518 C 18.359 9.373 18.712 8.965 18.784 8.47 L 19.123 6.151 C 19.161 5.89 19.118 5.623 18.999 5.386 L 16.294 0 C 7.657 2.217 1.057 9.591 0 18.64 L 3.322 18.64 C 3.577 18.64 3.826 18.715 4.037 18.856 L 11.032 23.52 C 11.299 23.698 11.49 23.969 11.568 24.28 L 13.521 32.091 C 13.629 32.524 13.953 32.87 14.378 33.006 C 14.803 33.142 15.268 33.049 15.607 32.76 L 17.17 31.427 L 18.147 28.785 C 18.249 28.51 18.442 28.277 18.694 28.126 L 22.038 26.124 C 22.641 25.762 22.844 24.983 22.492 24.373 L 19.548 19.275 Z M 34.521 3.429 L 32.165 8.14 C 32.103 8.264 32.022 8.377 31.924 8.475 L 29.839 10.56 C 29.617 10.782 29.483 11.079 29.464 11.394 L 29.354 13.222 C 29.328 13.644 29.512 14.052 29.845 14.313 L 31.775 15.828 C 31.969 15.981 32.115 16.186 32.196 16.419 L 33.233 19.399 C 33.404 19.892 33.262 20.439 32.873 20.785 L 29.925 23.412 C 29.651 23.656 29.494 24.006 29.494 24.374 L 29.494 26.07 C 29.494 26.27 29.54 26.467 29.63 26.646 L 31.272 29.931 C 31.665 30.718 32.715 30.887 33.337 30.266 L 36.709 26.894 C 37.031 26.572 37.499 26.443 37.94 26.556 L 42.668 27.766 C 43.313 25.704 43.759 23.487 43.759 21.218 C 43.759 13.896 40.064 7.399 34.521 3.429 Z"
            fill="url(#fi-planet-light)" />
        </g>
      </g>
    </svg>
  ),

  Ghost: () => (
    <svg viewBox="0 0 48 48" width="100%" height="100%" fill="none" aria-hidden>
      <defs>
        <linearGradient id="fi-ghost-dark" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#BDBDBD" />
          <stop offset="100%" stopColor="#808080" />
        </linearGradient>
        <linearGradient id="fi-ghost-light" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#FFFFFF" />
          <stop offset="100%" stopColor="#E6E6E6" />
        </linearGradient>
      </defs>
      <g transform="translate(6.598 2)">
        <path d="M 33.181 33.766 C 32.14 31.588 30.645 29.726 28.859 28.382 C 28.234 27.911 27.822 27.199 27.699 26.376 C 27.578 25.56 27.758 24.748 28.208 24.088 C 29.994 21.464 30.938 18.335 30.938 15.039 C 30.938 6.747 24.866 0 17.402 0 C 9.939 0 3.867 6.747 3.867 15.039 C 3.867 18.335 4.811 21.464 6.597 24.088 C 7.046 24.748 7.227 25.56 7.105 26.376 C 6.983 27.199 6.571 27.911 5.946 28.382 C 4.159 29.726 2.665 31.588 1.624 33.766 C 0.561 35.988 0 38.487 0 40.992 C 0 41.704 0.519 42.281 1.16 42.281 C 2.205 42.281 2.66 42.57 3.29 42.971 C 4.012 43.429 4.91 44 6.571 44 C 8.233 44 9.131 43.429 9.854 42.971 C 10.484 42.57 10.939 42.281 11.984 42.281 C 13.028 42.281 13.483 42.57 14.113 42.971 C 14.835 43.429 15.733 44 17.394 44 C 19.055 44 19.954 43.429 20.677 42.971 C 21.307 42.571 21.763 42.281 22.808 42.281 C 23.855 42.281 24.311 42.571 24.942 42.971 C 25.665 43.429 26.564 44 28.226 44 C 29.889 44 30.788 43.429 31.511 42.971 C 32.142 42.571 32.598 42.281 33.645 42.281 C 34.285 42.281 34.805 41.704 34.805 40.992 C 34.805 38.487 34.243 35.988 33.181 33.766 Z"
          fill="url(#fi-ghost-dark)" />
        <g transform="translate(9.281 8.594)">
          <path d="M 5.549 17.23 C 4.675 17.706 3.849 18.156 3.055 17.605 C 2.72 17.373 2.32 16.888 2.32 15.898 C 2.32 14.617 2.953 13.029 3.972 11.753 C 5.156 10.27 6.63 9.453 8.121 9.453 C 9.613 9.453 11.086 10.27 12.27 11.753 C 13.289 13.029 13.922 14.617 13.922 15.898 C 13.922 16.888 13.523 17.373 13.188 17.605 C 12.393 18.156 11.567 17.706 10.693 17.23 C 9.954 16.828 9.035 16.328 8.121 16.328 C 7.207 16.328 6.288 16.828 5.549 17.23 Z M 16.242 3.008 C 16.242 1.349 15.028 0 13.535 0 C 12.043 0 10.828 1.349 10.828 3.008 C 10.828 4.666 12.043 6.016 13.535 6.016 C 15.028 6.016 16.242 4.666 16.242 3.008 Z M 5.414 3.008 C 5.414 1.349 4.2 0 2.707 0 C 1.214 0 0 1.349 0 3.008 C 0 4.666 1.214 6.016 2.707 6.016 C 4.2 6.016 5.414 4.666 5.414 3.008 Z"
            fill="url(#fi-ghost-light)" />
        </g>
      </g>
    </svg>
  ),

  Tower: () => (
    <svg viewBox="0 0 48 48" width="100%" height="100%" fill="none" aria-hidden>
      <defs>
        <linearGradient id="fi-tower-dark" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#BDBDBD" />
          <stop offset="100%" stopColor="#808080" />
        </linearGradient>
        <linearGradient id="fi-tower-light" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#FFFFFF" />
          <stop offset="100%" stopColor="#E6E6E6" />
        </linearGradient>
      </defs>
      <g transform="translate(6.48 1)">
        <path d="M 34.727 43.789 C 26.238 33.601 21.563 20.689 21.563 7.43 L 21.563 6.918 C 21.563 6.56 21.421 6.218 21.168 5.965 L 18.957 3.665 L 18.957 1.348 C 18.957 0.603 18.265 0 17.52 0 C 16.775 0 16.172 0.603 16.172 1.348 L 16.172 3.665 L 13.872 5.965 C 13.619 6.218 13.477 6.56 13.477 6.918 L 13.477 7.43 C 13.477 20.689 8.803 33.601 0.314 43.789 C -0.023 44.192 -0.094 44.751 0.127 45.223 C 0.351 45.697 0.825 46 1.348 46 L 9.434 46 C 10.179 46 10.782 45.397 10.782 44.652 C 10.782 40.937 13.804 37.914 17.52 37.914 C 21.237 37.914 24.258 40.937 24.258 44.652 C 24.258 45.397 24.861 46 25.606 46 L 33.692 46 C 34.216 46 34.69 45.697 34.913 45.223 C 35.134 44.751 35.063 44.192 34.727 43.789 Z"
          fill="url(#fi-tower-dark)" />
        <g transform="translate(5.391 13.656)">
          <path d="M 6.738 2.695 L 17.52 2.695 C 18.264 2.695 18.867 2.093 18.867 1.348 C 18.867 0.603 18.264 0 17.52 0 L 6.738 0 C 5.993 0 5.391 0.603 5.391 1.348 C 5.391 2.093 5.993 2.695 6.738 2.695 Z M 22.91 16.172 L 1.348 16.172 C 0.603 16.172 0 16.775 0 17.52 C 0 18.264 0.603 18.867 1.348 18.867 L 22.91 18.867 C 23.655 18.867 24.258 18.264 24.258 17.52 C 24.258 16.775 23.655 16.172 22.91 16.172 Z M 4.043 10.781 L 20.215 10.781 C 20.96 10.781 21.563 10.178 21.563 9.434 C 21.563 8.689 20.96 8.086 20.215 8.086 L 4.043 8.086 C 3.298 8.086 2.695 8.689 2.695 9.434 C 2.695 10.178 3.298 10.781 4.043 10.781 Z"
            fill="url(#fi-tower-light)" />
        </g>
      </g>
    </svg>
  ),

  Shield: () => (
    <svg viewBox="0 0 48 48" width="100%" height="100%" fill="none" aria-hidden>
      <defs>
        <linearGradient id="fi-shield-dark" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#BDBDBD" />
          <stop offset="100%" stopColor="#808080" />
        </linearGradient>
        <linearGradient id="fi-shield-light" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#FFFFFF" />
          <stop offset="100%" stopColor="#E6E6E6" />
        </linearGradient>
      </defs>
      <g transform="translate(7.242 2)">
        <path d="M 16.758 44 C 16.62 44 16.482 43.978 16.35 43.934 C 6.571 40.674 0 31.558 0 21.249 L 0 8.164 C 0 7.452 0.577 6.875 1.289 6.875 L 1.607 6.875 C 7.041 6.875 12.209 4.53 15.788 0.44 C 16.032 0.16 16.386 0 16.758 0 C 17.129 0 17.483 0.16 17.728 0.44 C 21.306 4.53 26.475 6.875 31.909 6.875 L 32.227 6.875 C 32.938 6.875 33.516 7.452 33.516 8.164 L 33.516 21.249 C 33.516 31.558 26.945 40.674 17.165 43.934 C 17.033 43.978 16.895 44 16.758 44 Z"
          fill="url(#fi-shield-dark)" />
        <g transform="translate(2.578 3.172)">
          <path d="M 14.18 0 C 10.404 3.778 5.346 6.014 0 6.256 L 0 18.074 C 0 27.127 5.68 35.15 14.18 38.172 C 22.68 35.15 28.359 27.127 28.359 18.074 L 28.359 6.256 C 23.013 6.014 17.955 3.778 14.18 0 Z M 14.18 7.309 C 16.786 7.309 18.906 9.429 18.906 12.036 C 18.906 14.642 16.786 16.762 14.18 16.762 C 11.573 16.762 9.453 14.642 9.453 12.036 C 9.453 9.429 11.573 7.309 14.18 7.309 Z M 22.344 26.645 C 22.344 27.357 21.767 27.934 21.055 27.934 L 7.305 27.934 C 6.593 27.934 6.016 27.357 6.016 26.645 L 6.016 24.067 C 6.016 21.377 7.323 18.987 9.336 17.499 C 10.626 18.644 12.323 19.34 14.18 19.34 C 16.036 19.34 17.733 18.644 19.024 17.499 C 21.036 18.987 22.344 21.377 22.344 24.067 L 22.344 26.645 Z"
            fill="url(#fi-shield-light)" />
        </g>
      </g>
    </svg>
  ),

  Scroll: () => (
    <svg viewBox="0 0 48 48" width="100%" height="100%" fill="none" aria-hidden>
      <defs>
        <linearGradient id="fi-scroll-dark" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#BDBDBD" />
          <stop offset="100%" stopColor="#808080" />
        </linearGradient>
        <linearGradient id="fi-scroll-light" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#FFFFFF" />
          <stop offset="100%" stopColor="#E6E6E6" />
        </linearGradient>
      </defs>
      <g transform="translate(7.242 2)">
        <path d="M 6.445 0 C 2.886 0 0 2.886 0 6.445 L 0 41.421 L 16.864 41.421 C 18.524 42.953 21.309 43.999 23.203 43.999 C 26.01 43.999 28.359 41.716 28.359 38.843 L 28.359 7.734 L 33.515 0 L 6.445 0 Z"
          fill="url(#fi-scroll-dark)" />
      </g>
      <g transform="translate(2 2)">
        <path d="M 23.384 39.826 C 23.271 39.244 22.735 38.843 22.142 38.843 L 1.29 38.843 C 0.568 38.843 0.001 39.41 0.001 40.132 C 0.001 42.272 1.814 43.999 3.954 43.999 L 28.446 43.999 C 25.945 43.999 23.846 42.196 23.384 39.826 Z M 7.421 22.46 C 9.132 24.168 11.392 25.113 13.795 25.17 L 18.413 29.786 C 18.916 30.29 19.732 30.29 20.235 29.786 C 20.739 29.283 20.739 28.467 20.235 27.964 C 20.202 27.93 8.407 16.153 8.282 16.027 C 5.175 12.923 1.485 13.265 1.227 13.217 C 0.718 13.243 0.27 13.565 0.086 14.041 C -0.098 14.516 0.018 15.056 0.378 15.417 L 7.421 22.46 Z M 27.156 18.047 L 19.422 18.047 C 18.71 18.047 18.133 18.623 18.133 19.336 C 18.133 20.048 18.71 20.625 19.422 20.625 L 27.156 20.625 C 27.869 20.625 28.446 20.048 28.446 19.336 C 28.446 18.623 27.869 18.047 27.156 18.047 Z M 38.758 0 C 35.922 0 33.602 2.32 33.602 5.156 L 33.602 7.734 L 42.711 7.734 C 43.433 7.734 44 7.167 44 6.445 L 44 5.156 C 44 2.298 41.571 0 38.758 0 Z M 27.156 7.734 L 14.266 7.734 C 13.554 7.734 12.977 8.311 12.977 9.023 C 12.977 9.736 13.554 10.312 14.266 10.312 L 27.156 10.312 C 27.869 10.312 28.446 9.736 28.446 9.023 C 28.446 8.311 27.869 7.734 27.156 7.734 Z M 27.156 12.89 L 16.844 12.89 C 16.132 12.89 15.555 13.467 15.555 14.179 C 15.555 14.892 16.132 15.469 16.844 15.469 L 27.156 15.469 C 27.869 15.469 28.446 14.892 28.446 14.179 C 28.446 13.467 27.869 12.89 27.156 12.89 Z"
          fill="url(#fi-scroll-light)" />
      </g>
    </svg>
  ),

  Paper: () => (
    <svg viewBox="0 0 48 48" width="100%" height="100%" fill="none" aria-hidden>
      <defs>
        <linearGradient id="fi-paper-light" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#ABABAB" />
          <stop offset="100%" stopColor="#FFF1FF" />
        </linearGradient>
        <linearGradient id="fi-paper-dark" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#808080" />
          <stop offset="100%" stopColor="#CDCDCD" />
        </linearGradient>
      </defs>
      <g transform="translate(4 4)">
        <path d="M 38.973 29.029 C 38.682 28.738 32.621 24.964 26.582 19.726 C 26.288 19.471 25.885 19.378 25.51 19.478 C 25.232 19.555 24.995 19.727 24.839 19.961 L 19.781 25.019 C 19.347 25.453 19.323 26.151 19.725 26.615 C 25.095 32.809 28.613 38.557 29.029 38.973 C 30.887 40.831 34.528 40.103 37.315 37.316 C 40.103 34.528 40.831 30.887 38.973 29.029 Z M 20.385 14.219 C 20.454 13.865 20.354 13.499 20.118 13.227 C 16.414 8.975 13.248 4.391 11.586 1.92 C 11.426 1.58 11.215 1.272 10.948 1.004 C 9.117 -0.826 5.407 -0.084 2.661 2.661 C -0.084 5.407 -0.826 9.117 1.004 10.948 C 1.272 11.215 1.58 11.426 1.919 11.586 C 2.982 12.344 7.761 15.36 13.21 20.102 C 13.677 20.506 14.374 20.482 14.809 20.047 L 19.884 14.972 C 20.144 14.8 20.325 14.528 20.385 14.219 Z"
          fill="url(#fi-paper-light)" fillRule="nonzero" />
        <g transform="translate(2.328 2.344)">
          <path d="M 24.214 14.257 L 20.899 10.942 C 19.522 9.564 17.26 9.609 15.927 10.942 L 5.984 20.886 C 5.696 21.173 5.579 21.588 5.672 21.984 C 5.763 22.375 6.056 22.697 6.442 22.826 L 10.858 24.298 L 12.329 28.714 C 12.457 29.097 12.775 29.391 13.172 29.484 C 13.568 29.577 13.983 29.459 14.27 29.172 L 24.214 19.228 C 25.553 17.889 25.605 15.648 24.214 14.257 Z M 23.333 18.348 L 23.336 18.349 L 23.385 18.4 L 23.333 18.348 Z M 6.961 0.319 C 6.26 -0.383 3.932 0.033 1.989 1.976 C 0.321 3.645 -0.508 6.107 0.332 6.948 C 1.033 7.649 3.361 7.233 5.304 5.29 C 6.972 3.622 7.801 1.159 6.961 0.319 Z"
            fill="url(#fi-paper-dark)" fillRule="nonzero" />
        </g>
      </g>
    </svg>
  ),

  Book: () => (
    <svg viewBox="0 0 48 48" width="100%" height="100%" fill="none" aria-hidden>
      <defs>
        <linearGradient id="fi-book-dark" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#BDBDBD" />
          <stop offset="100%" stopColor="#808080" />
        </linearGradient>
        <linearGradient id="fi-book-light" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#FFFFFF" />
          <stop offset="100%" stopColor="#E6E6E6" />
        </linearGradient>
      </defs>
      <g transform="translate(8.918 2)">
        <path d="M 4.254 37.125 L 29.004 37.125 C 29.645 37.125 30.164 36.548 30.164 35.836 L 30.164 1.289 C 30.164 0.577 29.645 0 29.004 0 L 4.254 0 C 1.908 0 0 2.12 0 4.727 L 0 39.273 C 0 41.88 1.908 44 4.254 44 L 29.004 44 C 29.645 44 30.164 43.423 30.164 42.711 C 30.164 41.999 29.645 41.422 29.004 41.422 L 4.254 41.422 C 3.188 41.422 2.32 40.458 2.32 39.273 C 2.32 38.089 3.188 37.125 4.254 37.125 Z"
          fill="url(#fi-book-dark)" />
        <g transform="translate(2.32 6.076)">
          <path d="M 16.854 8.747 L 19.825 20.628 C 20.227 20.539 20.564 20.218 20.698 19.773 L 20.942 18.957 C 21.145 18.282 21.802 17.917 22.41 18.142 C 23.018 18.367 23.346 19.097 23.144 19.773 L 22.899 20.588 C 22.424 22.17 21.098 23.232 19.597 23.232 L 5.926 23.232 C 4.426 23.232 3.099 22.17 2.624 20.588 L 2.38 19.773 C 2.177 19.097 2.506 18.367 3.114 18.142 C 3.722 17.917 4.379 18.282 4.581 18.957 L 4.826 19.773 C 4.957 20.21 5.283 20.527 5.675 20.623 L 9.07 5.538 C 10.148 0.746 15.107 -1.501 18.893 1.088 L 22.651 3.658 C 23.538 4.265 23.312 5.763 22.295 6.014 L 17.72 7.144 C 17.072 7.304 16.676 8.035 16.854 8.747 Z M 1.934 31.053 C 0.867 31.053 0 32.016 0 33.201 C 0 34.386 0.867 35.349 1.934 35.349 L 25.523 35.349 L 25.523 31.053 L 1.934 31.053 Z"
            fill="url(#fi-book-light)" />
        </g>
      </g>
    </svg>
  ),
};

window.FigmaIcons = FigmaIcons;
