helix logo
helix from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- helix
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the helix logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="#706bc8" d="m23.258 0l78.11 45.097a6.75 6.75 0 0 1 3.374 5.846v15.005a6.76 6.76 0 0 1-.904 3.375s-62.009-35.8-77.235-44.592a6.69 6.69 0 0 1-3.345-5.796z"/><path fill="#55c5e4" d="M101.396 103.27a6.69 6.69 0 0 1 3.346 5.795V128L26.633 82.904a6.75 6.75 0 0 1-3.375-5.845V62.054c0-1.207.321-2.367.904-3.375z"/><path fill="#84ddea" d="M30.773 76.616a4.96 4.96 0 0 0-1.826 1.827c-1.367 2.366-.572 5.425 1.77 6.817h-.001l-4.083-2.356a6.75 6.75 0 0 1-3.375-5.846V62.053a6.75 6.75 0 0 1 3.375-5.845l70.594-40.753l.034-.02a4.95 4.95 0 0 0 1.792-1.807c1.366-2.366.572-5.425-1.77-6.818h.002l4.082 2.357a6.75 6.75 0 0 1 3.375 5.846v15.005a6.75 6.75 0 0 1-3.375 5.845l-4.197 2.424l.057-.037z"/><path fill="#997bc8" d="M30.773 112.547a4.97 4.97 0 0 0-1.826 1.825c-1.367 2.367-.572 5.425 1.77 6.819h-.001l-4.083-2.357a6.75 6.75 0 0 1-3.375-5.845V97.984a6.75 6.75 0 0 1 3.375-5.846l70.594-40.753l.034-.02a4.96 4.96 0 0 0 1.792-1.807c1.366-2.367.572-5.425-1.77-6.818h.002l4.082 2.358a6.75 6.75 0 0 1 3.375 5.845v15.005c0 2.41-1.286 4.64-3.375 5.846l-4.197 2.422l.057-.036z"/></g></svg>
React
import type { SVGProps } from "react";
export function DeviconHelix(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fillRule="evenodd" strokeLinejoin="round" strokeMiterlimit="2"><path fill="#706bc8" d="m23.258 0l78.11 45.097a6.75 6.75 0 0 1 3.374 5.846v15.005a6.76 6.76 0 0 1-.904 3.375s-62.009-35.8-77.235-44.592a6.69 6.69 0 0 1-3.345-5.796z"/><path fill="#55c5e4" d="M101.396 103.27a6.69 6.69 0 0 1 3.346 5.795V128L26.633 82.904a6.75 6.75 0 0 1-3.375-5.845V62.054c0-1.207.321-2.367.904-3.375z"/><path fill="#84ddea" d="M30.773 76.616a4.96 4.96 0 0 0-1.826 1.827c-1.367 2.366-.572 5.425 1.77 6.817h-.001l-4.083-2.356a6.75 6.75 0 0 1-3.375-5.846V62.053a6.75 6.75 0 0 1 3.375-5.845l70.594-40.753l.034-.02a4.95 4.95 0 0 0 1.792-1.807c1.366-2.366.572-5.425-1.77-6.818h.002l4.082 2.357a6.75 6.75 0 0 1 3.375 5.846v15.005a6.75 6.75 0 0 1-3.375 5.845l-4.197 2.424l.057-.037z"/><path fill="#997bc8" d="M30.773 112.547a4.97 4.97 0 0 0-1.826 1.825c-1.367 2.367-.572 5.425 1.77 6.819h-.001l-4.083-2.357a6.75 6.75 0 0 1-3.375-5.845V97.984a6.75 6.75 0 0 1 3.375-5.846l70.594-40.753l.034-.02a4.96 4.96 0 0 0 1.792-1.807c1.366-2.367.572-5.425-1.77-6.818h.002l4.082 2.358a6.75 6.75 0 0 1 3.375 5.845v15.005c0 2.41-1.286 4.64-3.375 5.846l-4.197 2.422l.057-.036z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="#706bc8" d="m23.258 0l78.11 45.097a6.75 6.75 0 0 1 3.374 5.846v15.005a6.76 6.76 0 0 1-.904 3.375s-62.009-35.8-77.235-44.592a6.69 6.69 0 0 1-3.345-5.796z"/><path fill="#55c5e4" d="M101.396 103.27a6.69 6.69 0 0 1 3.346 5.795V128L26.633 82.904a6.75 6.75 0 0 1-3.375-5.845V62.054c0-1.207.321-2.367.904-3.375z"/><path fill="#84ddea" d="M30.773 76.616a4.96 4.96 0 0 0-1.826 1.827c-1.367 2.366-.572 5.425 1.77 6.817h-.001l-4.083-2.356a6.75 6.75 0 0 1-3.375-5.846V62.053a6.75 6.75 0 0 1 3.375-5.845l70.594-40.753l.034-.02a4.95 4.95 0 0 0 1.792-1.807c1.366-2.366.572-5.425-1.77-6.818h.002l4.082 2.357a6.75 6.75 0 0 1 3.375 5.846v15.005a6.75 6.75 0 0 1-3.375 5.845l-4.197 2.424l.057-.037z"/><path fill="#997bc8" d="M30.773 112.547a4.97 4.97 0 0 0-1.826 1.825c-1.367 2.367-.572 5.425 1.77 6.819h-.001l-4.083-2.357a6.75 6.75 0 0 1-3.375-5.845V97.984a6.75 6.75 0 0 1 3.375-5.846l70.594-40.753l.034-.02a4.96 4.96 0 0 0 1.792-1.807c1.366-2.367.572-5.425-1.77-6.818h.002l4.082 2.358a6.75 6.75 0 0 1 3.375 5.845v15.005c0 2.41-1.286 4.64-3.375 5.846l-4.197 2.422l.057-.036z"/></g></svg> </template>
CSS
.icon-helix {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%3E%3Cpath%20fill%3D%22%23706bc8%22%20d%3D%22m23.258%200l78.11%2045.097a6.75%206.75%200%200%201%203.374%205.846v15.005a6.76%206.76%200%200%201-.904%203.375s-62.009-35.8-77.235-44.592a6.69%206.69%200%200%201-3.345-5.796z%22%2F%3E%3Cpath%20fill%3D%22%2355c5e4%22%20d%3D%22M101.396%20103.27a6.69%206.69%200%200%201%203.346%205.795V128L26.633%2082.904a6.75%206.75%200%200%201-3.375-5.845V62.054c0-1.207.321-2.367.904-3.375z%22%2F%3E%3Cpath%20fill%3D%22%2384ddea%22%20d%3D%22M30.773%2076.616a4.96%204.96%200%200%200-1.826%201.827c-1.367%202.366-.572%205.425%201.77%206.817h-.001l-4.083-2.356a6.75%206.75%200%200%201-3.375-5.846V62.053a6.75%206.75%200%200%201%203.375-5.845l70.594-40.753l.034-.02a4.95%204.95%200%200%200%201.792-1.807c1.366-2.366.572-5.425-1.77-6.818h.002l4.082%202.357a6.75%206.75%200%200%201%203.375%205.846v15.005a6.75%206.75%200%200%201-3.375%205.845l-4.197%202.424l.057-.037z%22%2F%3E%3Cpath%20fill%3D%22%23997bc8%22%20d%3D%22M30.773%20112.547a4.97%204.97%200%200%200-1.826%201.825c-1.367%202.367-.572%205.425%201.77%206.819h-.001l-4.083-2.357a6.75%206.75%200%200%201-3.375-5.845V97.984a6.75%206.75%200%200%201%203.375-5.846l70.594-40.753l.034-.02a4.96%204.96%200%200%200%201.792-1.807c1.366-2.367.572-5.425-1.77-6.818h.002l4.082%202.358a6.75%206.75%200%200%201%203.375%205.845v15.005c0%202.41-1.286%204.64-3.375%205.846l-4.197%202.422l.057-.036z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%3E%3Cpath%20fill%3D%22%23706bc8%22%20d%3D%22m23.258%200l78.11%2045.097a6.75%206.75%200%200%201%203.374%205.846v15.005a6.76%206.76%200%200%201-.904%203.375s-62.009-35.8-77.235-44.592a6.69%206.69%200%200%201-3.345-5.796z%22%2F%3E%3Cpath%20fill%3D%22%2355c5e4%22%20d%3D%22M101.396%20103.27a6.69%206.69%200%200%201%203.346%205.795V128L26.633%2082.904a6.75%206.75%200%200%201-3.375-5.845V62.054c0-1.207.321-2.367.904-3.375z%22%2F%3E%3Cpath%20fill%3D%22%2384ddea%22%20d%3D%22M30.773%2076.616a4.96%204.96%200%200%200-1.826%201.827c-1.367%202.366-.572%205.425%201.77%206.817h-.001l-4.083-2.356a6.75%206.75%200%200%201-3.375-5.846V62.053a6.75%206.75%200%200%201%203.375-5.845l70.594-40.753l.034-.02a4.95%204.95%200%200%200%201.792-1.807c1.366-2.366.572-5.425-1.77-6.818h.002l4.082%202.357a6.75%206.75%200%200%201%203.375%205.846v15.005a6.75%206.75%200%200%201-3.375%205.845l-4.197%202.424l.057-.037z%22%2F%3E%3Cpath%20fill%3D%22%23997bc8%22%20d%3D%22M30.773%20112.547a4.97%204.97%200%200%200-1.826%201.825c-1.367%202.367-.572%205.425%201.77%206.819h-.001l-4.083-2.357a6.75%206.75%200%200%201-3.375-5.845V97.984a6.75%206.75%200%200%201%203.375-5.846l70.594-40.753l.034-.02a4.96%204.96%200%200%200%201.792-1.807c1.366-2.367.572-5.425-1.77-6.818h.002l4.082%202.358a6.75%206.75%200%200%201%203.375%205.845v15.005c0%202.41-1.286%204.64-3.375%205.846l-4.197%202.422l.057-.036z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/helix.svg?color=%231a73e8&size=48
