helix logo
helix from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- helix
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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 24 24"><path fill="currentColor" d="M12.968 4.97L4.364 0v3.55c0 .449.239.863.627 1.087l4.276 2.47zm5.339 3.083l-3.7 2.138l4.86 2.807c.11-.19.17-.407.17-.633V9.552c0-.452-.241-.87-.633-1.096zm1.33 12.397c0-.449-.24-.863-.627-1.087l-4.253-2.456l-3.7 2.137L19.637 24zm-13.92-4.49l3.7-2.137c-2.703-1.562-4.884-2.82-4.884-2.82a1.26 1.26 0 0 0-.17.632v2.813c0 .452.242.87.634 1.096zm-.287-1.252a.93.93 0 0 1 .343-.342l12.455-7.194l-.01.007l.786-.455c.392-.226.633-.643.633-1.096V2.815c0-.452-.241-.87-.633-1.096l-.765-.442a.944.944 0 0 1-.005 1.617l-.006.004l-13.231 7.641a1.26 1.26 0 0 0-.633 1.096v2.813c0 .453.24.87.633 1.096l.72.416h.002a.944.944 0 0 1-.29-1.252m12.873-6.652a.945.945 0 0 1-.07 1.575l-.005.004l-13.231 7.641a1.26 1.26 0 0 0-.633 1.096v2.813c0 .452.24.87.633 1.096l.765.442a.945.945 0 0 1 .01-1.62l12.456-7.194l-.01.006l.786-.454c.392-.226.633-.644.633-1.096V9.552c0-.453-.241-.87-.633-1.096l-.697-.403z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHelix(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.968 4.97L4.364 0v3.55c0 .449.239.863.627 1.087l4.276 2.47zm5.339 3.083l-3.7 2.138l4.86 2.807c.11-.19.17-.407.17-.633V9.552c0-.452-.241-.87-.633-1.096zm1.33 12.397c0-.449-.24-.863-.627-1.087l-4.253-2.456l-3.7 2.137L19.637 24zm-13.92-4.49l3.7-2.137c-2.703-1.562-4.884-2.82-4.884-2.82a1.26 1.26 0 0 0-.17.632v2.813c0 .452.242.87.634 1.096zm-.287-1.252a.93.93 0 0 1 .343-.342l12.455-7.194l-.01.007l.786-.455c.392-.226.633-.643.633-1.096V2.815c0-.452-.241-.87-.633-1.096l-.765-.442a.944.944 0 0 1-.005 1.617l-.006.004l-13.231 7.641a1.26 1.26 0 0 0-.633 1.096v2.813c0 .453.24.87.633 1.096l.72.416h.002a.944.944 0 0 1-.29-1.252m12.873-6.652a.945.945 0 0 1-.07 1.575l-.005.004l-13.231 7.641a1.26 1.26 0 0 0-.633 1.096v2.813c0 .452.24.87.633 1.096l.765.442a.945.945 0 0 1 .01-1.62l12.456-7.194l-.01.006l.786-.454c.392-.226.633-.644.633-1.096V9.552c0-.453-.241-.87-.633-1.096l-.697-.403z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.968 4.97L4.364 0v3.55c0 .449.239.863.627 1.087l4.276 2.47zm5.339 3.083l-3.7 2.138l4.86 2.807c.11-.19.17-.407.17-.633V9.552c0-.452-.241-.87-.633-1.096zm1.33 12.397c0-.449-.24-.863-.627-1.087l-4.253-2.456l-3.7 2.137L19.637 24zm-13.92-4.49l3.7-2.137c-2.703-1.562-4.884-2.82-4.884-2.82a1.26 1.26 0 0 0-.17.632v2.813c0 .452.242.87.634 1.096zm-.287-1.252a.93.93 0 0 1 .343-.342l12.455-7.194l-.01.007l.786-.455c.392-.226.633-.643.633-1.096V2.815c0-.452-.241-.87-.633-1.096l-.765-.442a.944.944 0 0 1-.005 1.617l-.006.004l-13.231 7.641a1.26 1.26 0 0 0-.633 1.096v2.813c0 .453.24.87.633 1.096l.72.416h.002a.944.944 0 0 1-.29-1.252m12.873-6.652a.945.945 0 0 1-.07 1.575l-.005.004l-13.231 7.641a1.26 1.26 0 0 0-.633 1.096v2.813c0 .452.24.87.633 1.096l.765.442a.945.945 0 0 1 .01-1.62l12.456-7.194l-.01.006l.786-.454c.392-.226.633-.644.633-1.096V9.552c0-.453-.241-.87-.633-1.096l-.697-.403z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.968%204.97L4.364%200v3.55c0%20.449.239.863.627%201.087l4.276%202.47zm5.339%203.083l-3.7%202.138l4.86%202.807c.11-.19.17-.407.17-.633V9.552c0-.452-.241-.87-.633-1.096zm1.33%2012.397c0-.449-.24-.863-.627-1.087l-4.253-2.456l-3.7%202.137L19.637%2024zm-13.92-4.49l3.7-2.137c-2.703-1.562-4.884-2.82-4.884-2.82a1.26%201.26%200%200%200-.17.632v2.813c0%20.452.242.87.634%201.096zm-.287-1.252a.93.93%200%200%201%20.343-.342l12.455-7.194l-.01.007l.786-.455c.392-.226.633-.643.633-1.096V2.815c0-.452-.241-.87-.633-1.096l-.765-.442a.944.944%200%200%201-.005%201.617l-.006.004l-13.231%207.641a1.26%201.26%200%200%200-.633%201.096v2.813c0%20.453.24.87.633%201.096l.72.416h.002a.944.944%200%200%201-.29-1.252m12.873-6.652a.945.945%200%200%201-.07%201.575l-.005.004l-13.231%207.641a1.26%201.26%200%200%200-.633%201.096v2.813c0%20.452.24.87.633%201.096l.765.442a.945.945%200%200%201%20.01-1.62l12.456-7.194l-.01.006l.786-.454c.392-.226.633-.644.633-1.096V9.552c0-.453-.241-.87-.633-1.096l-.697-.403z%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.968%204.97L4.364%200v3.55c0%20.449.239.863.627%201.087l4.276%202.47zm5.339%203.083l-3.7%202.138l4.86%202.807c.11-.19.17-.407.17-.633V9.552c0-.452-.241-.87-.633-1.096zm1.33%2012.397c0-.449-.24-.863-.627-1.087l-4.253-2.456l-3.7%202.137L19.637%2024zm-13.92-4.49l3.7-2.137c-2.703-1.562-4.884-2.82-4.884-2.82a1.26%201.26%200%200%200-.17.632v2.813c0%20.452.242.87.634%201.096zm-.287-1.252a.93.93%200%200%201%20.343-.342l12.455-7.194l-.01.007l.786-.455c.392-.226.633-.643.633-1.096V2.815c0-.452-.241-.87-.633-1.096l-.765-.442a.944.944%200%200%201-.005%201.617l-.006.004l-13.231%207.641a1.26%201.26%200%200%200-.633%201.096v2.813c0%20.453.24.87.633%201.096l.72.416h.002a.944.944%200%200%201-.29-1.252m12.873-6.652a.945.945%200%200%201-.07%201.575l-.005.004l-13.231%207.641a1.26%201.26%200%200%200-.633%201.096v2.813c0%20.452.24.87.633%201.096l.765.442a.945.945%200%200%201%20.01-1.62l12.456-7.194l-.01.006l.786-.454c.392-.226.633-.644.633-1.096V9.552c0-.453-.241-.87-.633-1.096l-.697-.403z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/helix.svg?color=%231a73e8&size=48
