<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><defs><linearGradient id="SVGpIjYZbFo"><stop offset=".452" stop-color="#40b1c3"/><stop offset=".773" stop-color="#1c8090"/></linearGradient><linearGradient id="SVGaWgGIcYU"><stop offset="0" stop-color="#097b8f"/><stop offset="1" stop-color="#043a43"/></linearGradient><linearGradient id="SVGEWhKcdiK"><stop offset=".19" stop-color="#002c33"/><stop offset=".293" stop-color="#008ca3"/></linearGradient><linearGradient id="SVGMBjcmdFK"><stop offset=".474" stop-color="#b8f8fd"/><stop offset=".499" stop-color="#75eff8"/><stop offset="1" stop-color="#88f5fe"/></linearGradient><linearGradient id="SVGrTcNzYvi"><stop offset=".216" stop-color="#00d3e6"/><stop offset=".271" stop-color="#00adc9"/><stop offset="1" stop-color="#008da7"/></linearGradient><linearGradient id="SVGADEAvcHO" x1="33.814" x2="67.027" y1="13.609" y2="108.667" gradientTransform="translate(-5.312 -6.148)scale(1.07984)" gradientUnits="userSpaceOnUse" href="#SVGrTcNzYvi"/><linearGradient id="SVGf0ozDDVG" x1=".794" x2="42.147" y1="68.252" y2="85.315" gradientTransform="translate(-5.312 -6.148)scale(1.07984)" gradientUnits="userSpaceOnUse" href="#SVGMBjcmdFK"/><linearGradient id="SVGajttxdfO" x1="10.84" x2="44.09" y1="81.469" y2="96.979" gradientTransform="translate(-5.312 -6.148)scale(1.07984)" gradientUnits="userSpaceOnUse" href="#SVGEWhKcdiK"/><linearGradient id="SVGi0JPweOG" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(-5.312 -6.148)scale(1.07984)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><linearGradient id="SVG3KjhF8wX" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(-5.312 10.561)scale(1.07984)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><linearGradient id="SVGIE6PreQO" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(-5.312 27.27)scale(1.07984)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><linearGradient id="SVGYzcOJcYc" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(-5.312 43.978)scale(1.07984)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><linearGradient id="SVGCSEDOdZD" x1="33.814" x2="67.027" y1="13.609" y2="108.667" gradientTransform="translate(63.156 51.356)scale(.65576)" gradientUnits="userSpaceOnUse" href="#SVGrTcNzYvi"/><linearGradient id="SVGlfK9NbFd" x1=".794" x2="42.147" y1="68.252" y2="85.315" gradientTransform="translate(63.156 51.356)scale(.65576)" gradientUnits="userSpaceOnUse" href="#SVGMBjcmdFK"/><linearGradient id="SVGGTr3JLYj" x1="10.84" x2="44.09" y1="81.469" y2="96.979" gradientTransform="translate(63.156 51.356)scale(.65576)" gradientUnits="userSpaceOnUse" href="#SVGEWhKcdiK"/><linearGradient id="SVGNbIF8bGJ" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(63.156 51.356)scale(.65576)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><linearGradient id="SVGhKsgMbSi" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(63.156 61.503)scale(.65576)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><linearGradient id="SVGHyG9HbTX" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(63.156 71.65)scale(.65576)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><linearGradient id="SVGb3dbE3tr" x1="29.154" x2="30.122" y1="40.757" y2="37.963" gradientTransform="translate(63.156 81.796)scale(.65576)" gradientUnits="userSpaceOnUse" href="#SVGaWgGIcYU"/><radialGradient id="SVGcJMKpcTd" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(1.0753 .09301 -.02842 1.2276 -2.273 -22.256)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/><radialGradient id="SVGzPgGJ0xU" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(1.0753 .09301 -.02842 1.2276 -28.272 -58.993)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/><radialGradient id="SVG7CFVwiZI" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(1.0753 .09301 -.02842 1.2276 -28.272 -92.362)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/><radialGradient id="SVGCKWvRcCw" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(1.0753 .09301 -.02842 1.2276 -28.272 -75.678)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/><radialGradient id="SVGps3oYbwJ" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(.653 .05648 -.01726 .7455 65.002 41.573)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/><radialGradient id="SVGeDmedbhT" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(.653 .05648 -.01726 .7455 49.213 19.264)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/><radialGradient id="SVGjFoQMcUN" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(.653 .05648 -.01726 .7455 49.213 -1)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/><radialGradient id="SVGP6w2DcQx" cx="39.282" cy="104.343" r="1.248" gradientTransform="matrix(.653 .05648 -.01726 .7455 49.213 9.132)" gradientUnits="userSpaceOnUse" href="#SVGpIjYZbFo"/></defs><path fill="url(#SVGADEAvcHO)" d="M55.084.688L4.95 17.476c-.98.328-2.08 1.491-2.08 2.525v.58l37.61 12.63v86.823c1.153.111 2.225-.127 4.045-.736l50.132-16.789c.98-.328 2.08-1.49 2.08-2.524V15.622c0-3.454-1.044-3.759-4.029-4.747L61.232.445c-2.216-.734-3.944-.495-6.148.243"/><path fill="url(#SVGf0ozDDVG)" d="M2.884 104.975c0 3.3 3.29 3.898 5.69 4.692c10.216 3.383 20.412 6.83 30.654 10.13a5.7 5.7 0 0 0 2.168.25c2.848-1.236 1.906-4.47 1.925-6.871c.212-26.854-.242-53.71-.012-80.564c.028-3.3-3.29-3.898-5.69-4.692L6.964 17.788c-1.271-.42-1.823-.504-2.805.11c-.74.463-1.288 1.347-1.288 2.104z"/><path fill="url(#SVGajttxdfO)" d="M5.497 18.606c-.287.03-.568.125-.858.306c-.574.359-.823 1.11-.823 1.84l-.008 83.443c0 3.3 3.288 3.898 5.688 4.692c10.058 3.33 20.108 6.688 30.179 9.978c1.823.596 2.623-.675 2.623-2.339L8.916 105.327c-1.77-.594-2.522-1.119-2.522-3.315V81.826l6.628-2.221l-6.628-2.22v-12.27l6.628-2.218l-6.628-2.22v-12.27l6.628-2.218l-6.628-2.221V31.7l6.626-2.221l-6.626-2.219v-8.571a2.6 2.6 0 0 0-.897-.083m.897 29.802l35.904 12.03v-.002zm0 16.708l35.904 12.03v-.002zm33.947 6.932l1.957.658v-.002z"/><path fill="url(#SVGi0JPweOG)" d="M13.067 29.464L6.394 31.7l35.904 12.028v-4.44z"/><path fill="url(#SVG3KjhF8wX)" d="m13.067 46.173l-6.673 2.236l35.904 12.028v-4.44z"/><path fill="url(#SVGIE6PreQO)" d="m13.067 62.881l-6.673 2.236l35.904 12.028v-4.44z"/><path fill="url(#SVGYzcOJcYc)" d="m13.067 79.59l-6.673 2.235l35.904 12.028v-4.44z"/><path fill="#818cf8" d="M13.123 56.346a2.486 1.936 83.668 0 1-1.943 2.34a2.486 1.936 83.668 0 1-1.943-2.614a2.486 1.936 83.668 0 1 1.943-2.34a2.486 1.936 83.668 0 1 1.943 2.614m0-16.684a2.486 1.936 83.668 0 1-1.943 2.34a2.486 1.936 83.668 0 1-1.943-2.615a2.486 1.936 83.668 0 1 1.943-2.339a2.486 1.936 83.668 0 1 1.943 2.614m0 33.369a2.486 1.936 83.668 0 1-1.943 2.339a2.486 1.936 83.668 0 1-1.943-2.614a2.486 1.936 83.668 0 1 1.943-2.339a2.486 1.936 83.668 0 1 1.943 2.614m26 36.737a2.486 1.936 83.668 0 1-1.944 2.339a2.486 1.936 83.668 0 1-1.943-2.614a2.486 1.936 83.668 0 1 1.943-2.339a2.486 1.936 83.668 0 1 1.943 2.614z"/><path fill="#818cf8" d="M39.687 65.462a.73.568 83.668 0 1-.571.687a.73.568 83.668 0 1-.57-.768a.73.568 83.668 0 1 .57-.686a.73.568 83.668 0 1 .57.767zm0 3.24a.73.568 83.668 0 1-.571.687a.73.568 83.668 0 1-.57-.768a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.768zm0-6.48a.73.568 83.668 0 1-.571.688a.73.568 83.668 0 1-.57-.768a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.768zm0 19.958a.73.568 83.668 0 1-.571.687a.73.568 83.668 0 1-.57-.768a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.768zm0 3.24a.73.568 83.668 0 1-.571.686a.73.568 83.668 0 1-.57-.767a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.767zm0-6.48a.73.568 83.668 0 1-.571.687a.73.568 83.668 0 1-.57-.767a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.767zm0-30.195a.73.568 83.668 0 1-.571.687a.73.568 83.668 0 1-.57-.768a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.768zm0 3.24a.73.568 83.668 0 1-.571.686a.73.568 83.668 0 1-.57-.768a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.768zm0-6.48a.73.568 83.668 0 1-.571.687a.73.568 83.668 0 1-.57-.768a.73.568 83.668 0 1 .57-.687a.73.568 83.668 0 1 .57.768z"/><path fill="url(#SVGcJMKpcTd)" d="M38.524 109.726a1.72 1.34 83.668 0 1-1.345 1.618a1.72 1.34 83.668 0 1-1.344-1.809a1.72 1.34 83.668 0 1 1.344-1.618a1.72 1.34 83.668 0 1 1.345 1.808z"/><path fill="url(#SVGzPgGJ0xU)" d="M12.524 72.989a1.72 1.34 83.668 0 1-1.344 1.618a1.72 1.34 83.668 0 1-1.345-1.808a1.72 1.34 83.668 0 1 1.345-1.619a1.72 1.34 83.668 0 1 1.344 1.809"/><path fill="url(#SVG7CFVwiZI)" d="M12.524 39.62a1.72 1.34 83.668 0 1-1.344 1.618a1.72 1.34 83.668 0 1-1.345-1.808a1.72 1.34 83.668 0 1 1.345-1.619a1.72 1.34 83.668 0 1 1.344 1.809"/><path fill="url(#SVGCKWvRcCw)" d="M12.524 56.304a1.72 1.34 83.668 0 1-1.344 1.618a1.72 1.34 83.668 0 1-1.345-1.808a1.72 1.34 83.668 0 1 1.345-1.618a1.72 1.34 83.668 0 1 1.344 1.808"/><path fill="url(#SVGCSEDOdZD)" d="M99.833 55.507L69.39 65.702c-.595.199-1.263.905-1.263 1.533v.352l22.839 7.67v52.726c.7.067 1.351-.077 2.456-.447l30.445-10.195c.595-.2 1.263-.906 1.263-1.534V64.576c0-2.098-.634-2.283-2.447-2.883l-19.115-6.334c-1.346-.445-2.395-.3-3.734.148z"/><path fill="url(#SVGlfK9NbFd)" d="M68.133 118.838c0 2.004 1.998 2.367 3.456 2.85c6.204 2.053 12.395 4.147 18.615 6.151a3.5 3.5 0 0 0 1.317.151c1.73-.75 1.158-2.714 1.17-4.172c.127-16.307-.148-32.617-.008-48.924c.017-2.004-1.998-2.368-3.456-2.85l-18.616-6.153c-.772-.255-1.107-.306-1.703.067c-.45.281-.782.818-.782 1.278z"/><path fill="url(#SVGGTr3JLYj)" d="M69.72 66.388a1.2 1.2 0 0 0-.52.186c-.35.218-.5.674-.5 1.117l-.005 50.673c0 2.004 1.996 2.367 3.454 2.85c6.108 2.022 12.211 4.061 18.327 6.06c1.107.36 1.593-.411 1.593-1.421l-20.272-6.801c-1.075-.36-1.532-.68-1.532-2.014V104.78l4.025-1.349l-4.025-1.348v-7.45l4.025-1.348l-4.025-1.349v-7.45l4.025-1.348l-4.025-1.348v-7.45l4.024-1.35l-4.024-1.347v-5.205a1.6 1.6 0 0 0-.545-.05m.545 18.098l21.804 7.305zm0 10.146l21.804 7.306v-.001zm20.615 4.21l1.189.4v-.002z"/><path fill="url(#SVGNbIF8bGJ)" d="m74.317 72.982l-4.052 1.357l21.804 7.305v-2.696z"/><path fill="url(#SVGhKsgMbSi)" d="m74.317 83.129l-4.052 1.357l21.804 7.305v-2.696z"/><path fill="url(#SVGHyG9HbTX)" d="m74.317 93.275l-4.052 1.358l21.804 7.304v-2.696z"/><path fill="url(#SVGb3dbE3tr)" d="m74.317 103.422l-4.052 1.357l21.804 7.305v-2.696z"/><path fill="#818cf8" d="M74.351 89.307a1.51 1.175 83.668 0 1-1.18 1.42a1.51 1.175 83.668 0 1-1.18-1.587a1.51 1.175 83.668 0 1 1.18-1.42a1.51 1.175 83.668 0 1 1.18 1.587m0-10.132a1.51 1.175 83.668 0 1-1.18 1.42a1.51 1.175 83.668 0 1-1.18-1.587a1.51 1.175 83.668 0 1 1.18-1.42a1.51 1.175 83.668 0 1 1.18 1.587m0 20.264a1.51 1.175 83.668 0 1-1.18 1.42a1.51 1.175 83.668 0 1-1.18-1.587a1.51 1.175 83.668 0 1 1.18-1.42a1.51 1.175 83.668 0 1 1.18 1.587m15.79 22.31a1.51 1.175 83.668 0 1-1.18 1.42a1.51 1.175 83.668 0 1-1.181-1.587a1.51 1.175 83.668 0 1 1.18-1.42a1.51 1.175 83.668 0 1 1.18 1.586z"/><path fill="#818cf8" d="M90.483 94.843a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.418a.443.345 83.668 0 1 .347.467m0 1.967a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.417a.443.345 83.668 0 1 .347.466m0-3.935a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.417a.443.345 83.668 0 1 .347.466m0 12.12a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.417a.443.345 83.668 0 1 .347.466m0 1.967a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.417a.443.345 83.668 0 1 .347.466m0-3.934a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.418a.443.345 83.668 0 1 .347.467m0-18.338a.443.345 83.668 0 1-.347.418a.443.345 83.668 0 1-.346-.467a.443.345 83.668 0 1 .346-.417a.443.345 83.668 0 1 .347.466m0 1.968a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.417a.443.345 83.668 0 1 .347.466m0-3.935a.443.345 83.668 0 1-.347.417a.443.345 83.668 0 1-.346-.466a.443.345 83.668 0 1 .346-.417a.443.345 83.668 0 1 .347.466"/><path fill="url(#SVGps3oYbwJ)" d="M89.777 121.723a1.045.813 83.668 0 1-.817.982a1.045.813 83.668 0 1-.816-1.098a1.045.813 83.668 0 1 .816-.982a1.045.813 83.668 0 1 .817 1.098"/><path fill="url(#SVGeDmedbhT)" d="M73.988 99.413a1.045.813 83.668 0 1-.817.983a1.045.813 83.668 0 1-.816-1.098a1.045.813 83.668 0 1 .816-.983a1.045.813 83.668 0 1 .817 1.098"/><path fill="url(#SVGjFoQMcUN)" d="M73.988 79.15a1.045.813 83.668 0 1-.817.982a1.045.813 83.668 0 1-.816-1.098a1.045.813 83.668 0 1 .816-.983a1.045.813 83.668 0 1 .817 1.098z"/><path fill="url(#SVGP6w2DcQx)" d="M73.988 89.281a1.045.813 83.668 0 1-.817.983a1.045.813 83.668 0 1-.816-1.098a1.045.813 83.668 0 1 .816-.983a1.045.813 83.668 0 1 .817 1.098"/></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install devicon) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HypervIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.