file type helix logo
file-type-helix from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-helix
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type helix logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#00aeef" d="M19.5 17.479h-7a1.479 1.479 0 1 1 0-2.958h7a1.479 1.479 0 0 1 0 2.958"/><path fill="#00aeef" d="M26.106 16.3c0-.789.592-5.028-6.507-8.972a15 15 0 0 1-2.169 2.165c.1.1 1.282.789 1.38.887c4.437 2.268 4.338 5.423 4.338 5.718v.3c0 .3-.2 2.662-4.338 5.028c-5.324 3.155-6.31 5.817-6.408 6.31l2.958.789v.1a4.8 4.8 0 0 1 1.183-1.577l4.831 2.752a1.9 1.9 0 0 0 .789.2a1.42 1.42 0 0 0 1.282-.789a1.5 1.5 0 0 0-.592-2.07l-3.845-2.169a5.6 5.6 0 0 1 1.282-.789c5.521-3.352 5.816-7 5.816-7.883"/><path fill="#00aeef" d="M5.9 15.7c0 .789-.592 5.028 6.507 8.972a15 15 0 0 1 2.169-2.169c-.1-.1-1.282-.789-1.38-.887C8.754 19.352 8.853 16.2 8.853 15.9v-.3c0-.3.2-2.662 4.338-5.028c5.324-3.155 6.31-5.817 6.408-6.31l-2.958-.789v-.1a4.8 4.8 0 0 1-1.183 1.577l-4.83-2.75a1.9 1.9 0 0 0-.789-.2a1.42 1.42 0 0 0-1.282.789a1.5 1.5 0 0 0 .592 2.07l3.845 2.169a5.6 5.6 0 0 1-1.282.789c-5.62 3.352-5.912 7-5.812 7.883"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeHelix(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#00aeef" d="M19.5 17.479h-7a1.479 1.479 0 1 1 0-2.958h7a1.479 1.479 0 0 1 0 2.958"/><path fill="#00aeef" d="M26.106 16.3c0-.789.592-5.028-6.507-8.972a15 15 0 0 1-2.169 2.165c.1.1 1.282.789 1.38.887c4.437 2.268 4.338 5.423 4.338 5.718v.3c0 .3-.2 2.662-4.338 5.028c-5.324 3.155-6.31 5.817-6.408 6.31l2.958.789v.1a4.8 4.8 0 0 1 1.183-1.577l4.831 2.752a1.9 1.9 0 0 0 .789.2a1.42 1.42 0 0 0 1.282-.789a1.5 1.5 0 0 0-.592-2.07l-3.845-2.169a5.6 5.6 0 0 1 1.282-.789c5.521-3.352 5.816-7 5.816-7.883"/><path fill="#00aeef" d="M5.9 15.7c0 .789-.592 5.028 6.507 8.972a15 15 0 0 1 2.169-2.169c-.1-.1-1.282-.789-1.38-.887C8.754 19.352 8.853 16.2 8.853 15.9v-.3c0-.3.2-2.662 4.338-5.028c5.324-3.155 6.31-5.817 6.408-6.31l-2.958-.789v-.1a4.8 4.8 0 0 1-1.183 1.577l-4.83-2.75a1.9 1.9 0 0 0-.789-.2a1.42 1.42 0 0 0-1.282.789a1.5 1.5 0 0 0 .592 2.07l3.845 2.169a5.6 5.6 0 0 1-1.282.789c-5.62 3.352-5.912 7-5.812 7.883"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#00aeef" d="M19.5 17.479h-7a1.479 1.479 0 1 1 0-2.958h7a1.479 1.479 0 0 1 0 2.958"/><path fill="#00aeef" d="M26.106 16.3c0-.789.592-5.028-6.507-8.972a15 15 0 0 1-2.169 2.165c.1.1 1.282.789 1.38.887c4.437 2.268 4.338 5.423 4.338 5.718v.3c0 .3-.2 2.662-4.338 5.028c-5.324 3.155-6.31 5.817-6.408 6.31l2.958.789v.1a4.8 4.8 0 0 1 1.183-1.577l4.831 2.752a1.9 1.9 0 0 0 .789.2a1.42 1.42 0 0 0 1.282-.789a1.5 1.5 0 0 0-.592-2.07l-3.845-2.169a5.6 5.6 0 0 1 1.282-.789c5.521-3.352 5.816-7 5.816-7.883"/><path fill="#00aeef" d="M5.9 15.7c0 .789-.592 5.028 6.507 8.972a15 15 0 0 1 2.169-2.169c-.1-.1-1.282-.789-1.38-.887C8.754 19.352 8.853 16.2 8.853 15.9v-.3c0-.3.2-2.662 4.338-5.028c5.324-3.155 6.31-5.817 6.408-6.31l-2.958-.789v-.1a4.8 4.8 0 0 1-1.183 1.577l-4.83-2.75a1.9 1.9 0 0 0-.789-.2a1.42 1.42 0 0 0-1.282.789a1.5 1.5 0 0 0 .592 2.07l3.845 2.169a5.6 5.6 0 0 1-1.282.789c-5.62 3.352-5.912 7-5.812 7.883"/></svg> </template>
CSS
.icon-file-type-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%2032%2032%22%3E%3Cpath%20fill%3D%22%2300aeef%22%20d%3D%22M19.5%2017.479h-7a1.479%201.479%200%201%201%200-2.958h7a1.479%201.479%200%200%201%200%202.958%22%2F%3E%3Cpath%20fill%3D%22%2300aeef%22%20d%3D%22M26.106%2016.3c0-.789.592-5.028-6.507-8.972a15%2015%200%200%201-2.169%202.165c.1.1%201.282.789%201.38.887c4.437%202.268%204.338%205.423%204.338%205.718v.3c0%20.3-.2%202.662-4.338%205.028c-5.324%203.155-6.31%205.817-6.408%206.31l2.958.789v.1a4.8%204.8%200%200%201%201.183-1.577l4.831%202.752a1.9%201.9%200%200%200%20.789.2a1.42%201.42%200%200%200%201.282-.789a1.5%201.5%200%200%200-.592-2.07l-3.845-2.169a5.6%205.6%200%200%201%201.282-.789c5.521-3.352%205.816-7%205.816-7.883%22%2F%3E%3Cpath%20fill%3D%22%2300aeef%22%20d%3D%22M5.9%2015.7c0%20.789-.592%205.028%206.507%208.972a15%2015%200%200%201%202.169-2.169c-.1-.1-1.282-.789-1.38-.887C8.754%2019.352%208.853%2016.2%208.853%2015.9v-.3c0-.3.2-2.662%204.338-5.028c5.324-3.155%206.31-5.817%206.408-6.31l-2.958-.789v-.1a4.8%204.8%200%200%201-1.183%201.577l-4.83-2.75a1.9%201.9%200%200%200-.789-.2a1.42%201.42%200%200%200-1.282.789a1.5%201.5%200%200%200%20.592%202.07l3.845%202.169a5.6%205.6%200%200%201-1.282.789c-5.62%203.352-5.912%207-5.812%207.883%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%2032%2032%22%3E%3Cpath%20fill%3D%22%2300aeef%22%20d%3D%22M19.5%2017.479h-7a1.479%201.479%200%201%201%200-2.958h7a1.479%201.479%200%200%201%200%202.958%22%2F%3E%3Cpath%20fill%3D%22%2300aeef%22%20d%3D%22M26.106%2016.3c0-.789.592-5.028-6.507-8.972a15%2015%200%200%201-2.169%202.165c.1.1%201.282.789%201.38.887c4.437%202.268%204.338%205.423%204.338%205.718v.3c0%20.3-.2%202.662-4.338%205.028c-5.324%203.155-6.31%205.817-6.408%206.31l2.958.789v.1a4.8%204.8%200%200%201%201.183-1.577l4.831%202.752a1.9%201.9%200%200%200%20.789.2a1.42%201.42%200%200%200%201.282-.789a1.5%201.5%200%200%200-.592-2.07l-3.845-2.169a5.6%205.6%200%200%201%201.282-.789c5.521-3.352%205.816-7%205.816-7.883%22%2F%3E%3Cpath%20fill%3D%22%2300aeef%22%20d%3D%22M5.9%2015.7c0%20.789-.592%205.028%206.507%208.972a15%2015%200%200%201%202.169-2.169c-.1-.1-1.282-.789-1.38-.887C8.754%2019.352%208.853%2016.2%208.853%2015.9v-.3c0-.3.2-2.662%204.338-5.028c5.324-3.155%206.31-5.817%206.408-6.31l-2.958-.789v-.1a4.8%204.8%200%200%201-1.183%201.577l-4.83-2.75a1.9%201.9%200%200%200-.789-.2a1.42%201.42%200%200%200-1.282.789a1.5%201.5%200%200%200%20.592%202.07l3.845%202.169a5.6%205.6%200%200%201-1.282.789c-5.62%203.352-5.912%207-5.812%207.883%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-helix.svg?color=%231a73e8&size=48
