prysm/svg/icons/warp.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
  <defs>
    <!-- horizontal beam gradient: red โ†’ orange โ†’ white โ†’ cyan โ†’ blue -->
    <linearGradient id="beam">
      <stop offset="0%" stop-color="#ff0000" stop-opacity="0"/>
      <stop offset="15%" stop-color="#ff5b00" stop-opacity="0.6"/>
      <stop offset="35%" stop-color="#fcf000" stop-opacity="0.8"/>
      <stop offset="50%" stop-color="#ffffff" stop-opacity="1"/>
      <stop offset="65%" stop-color="#00fe00" stop-opacity="0.7"/>
      <stop offset="85%" stop-color="#00acff" stop-opacity="0.5"/>
      <stop offset="100%" stop-color="#00acff" stop-opacity="0"/>
    </linearGradient>
    <!-- core glow -->
    <radialGradient id="core" cx="50%" cy="50%">
      <stop offset="0%" stop-color="#ffffff"/>
      <stop offset="20%" stop-color="#fcf000"/>
      <stop offset="50%" stop-color="#ff5b00" stop-opacity="0.6"/>
      <stop offset="100%" stop-color="#ff0000" stop-opacity="0"/>
    </radialGradient>
    <!-- outer spiral glow -->
    <radialGradient id="spiral" cx="50%" cy="50%">
      <stop offset="0%" stop-color="#ff5b00" stop-opacity="0"/>
      <stop offset="30%" stop-color="#ff5b00" stop-opacity="0.15"/>
      <stop offset="60%" stop-color="#ff0000" stop-opacity="0.1"/>
      <stop offset="100%" stop-color="#000000" stop-opacity="0"/>
    </radialGradient>
    <!-- star field subtle -->
    <filter id="stars">
      <feTurbulence type="fractalNoise" baseFrequency="1.5" numOctaves="1" seed="3" result="noise"/>
      <feColorMatrix type="saturate" values="0" in="noise" result="mono"/>
      <feComponentTransfer in="mono" result="dots">
        <feFuncR type="discrete" tableValues="0 0 0 0 0 0 0 0 0 1"/>
        <feFuncG type="discrete" tableValues="0 0 0 0 0 0 0 0 0 1"/>
        <feFuncB type="discrete" tableValues="0 0 0 0 0 0 0 0 0 1"/>
        <feFuncA type="linear" slope="0.3"/>
      </feComponentTransfer>
      <feComposite in="dots" in2="SourceGraphic" operator="atop"/>
    </filter>
  </defs>

  <!-- black circle background -->
  <circle cx="16" cy="16" r="16" fill="#000"/>

  <!-- faint star field -->
  <circle cx="16" cy="16" r="15" fill="none" filter="url(#stars)"/>

  <!-- outer spiral energy rings -->
  <ellipse cx="16" cy="16" rx="10" ry="9" fill="none" stroke="#ff5b00" stroke-width="0.3" opacity="0.2" transform="rotate(20, 16, 16)"/>
  <ellipse cx="16" cy="16" rx="8" ry="7" fill="none" stroke="#ff0000" stroke-width="0.3" opacity="0.25" transform="rotate(-15, 16, 16)"/>
  <ellipse cx="16" cy="16" rx="11" ry="6" fill="none" stroke="#ff5b00" stroke-width="0.2" opacity="0.15" transform="rotate(40, 16, 16)"/>

  <!-- nebula clouds -->
  <ellipse cx="13" cy="14" rx="7" ry="5" fill="#ff5b00" opacity="0.12" transform="rotate(25, 13, 14)"/>
  <ellipse cx="19" cy="18" rx="6" ry="4" fill="#d500f9" opacity="0.09" transform="rotate(-20, 19, 18)"/>
  <ellipse cx="16" cy="12" rx="8" ry="3" fill="#00acff" opacity="0.08" transform="rotate(10, 16, 12)"/>
  <ellipse cx="14" cy="19" rx="5" ry="3" fill="#ff0000" opacity="0.1" transform="rotate(-35, 14, 19)"/>
  <ellipse cx="20" cy="13" rx="4" ry="5" fill="#00fe00" opacity="0.06" transform="rotate(15, 20, 13)"/>
  <!-- extra glow layers -->
  <ellipse cx="16" cy="16" rx="9" ry="7" fill="#ff5b00" opacity="0.06" transform="rotate(-10, 16, 16)"/>
  <ellipse cx="16" cy="16" rx="7" ry="9" fill="#d500f9" opacity="0.05" transform="rotate(30, 16, 16)"/>

  <!-- spiral glow fill -->
  <circle cx="16" cy="16" r="10" fill="url(#spiral)"/>

  <!-- inner orbit rings -->
  <ellipse cx="16" cy="16" rx="6" ry="5" fill="none" stroke="#ff5b00" stroke-width="0.4" opacity="0.3" transform="rotate(30, 16, 16)"/>
  <ellipse cx="16" cy="16" rx="5" ry="4" fill="none" stroke="#fcf000" stroke-width="0.3" opacity="0.25" transform="rotate(-25, 16, 16)"/>

  <!-- horizontal beam -->
  <rect x="1" y="15" width="30" height="2" rx="1" fill="url(#beam)" opacity="0.9"/>
  <!-- beam thin center line -->
  <rect x="3" y="15.5" width="26" height="1" rx="0.5" fill="url(#beam)" opacity="0.5"/>

  <!-- core glow -->
  <circle cx="16" cy="16" r="4" fill="url(#core)"/>

  <!-- bright center dot -->
  <circle cx="16" cy="16" r="1.5" fill="#ffffff"/>
  <circle cx="16" cy="16" r="0.8" fill="#ffffff" opacity="0.9"/>
</svg>

Homonyms

cyb/src/image/new_icons/warp.svg
pussy-landing/src/components/sections/Buy/images/warp.svg

Graph