file type nextflow logo

file-type-nextflow from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-nextflow
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 nextflow logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0dc09d" d="M2 7.16c4.418.294 7.959 3.844 8.236 8.267h5.16C15.11 8.15 9.272 2.302 2 2zm8.266 9.443C9.972 21.022 6.423 24.562 2 24.84V30c7.276-.287 13.124-6.125 13.427-13.397zm11.468-1.207c.294-4.419 3.843-7.96 8.266-8.237v-5.16c-7.276.287-13.124 6.124-13.427 13.396zM30 24.84c-4.418-.294-7.959-3.843-8.236-8.267h-5.16C16.89 23.85 22.728 29.698 30 30z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeNextflow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0dc09d" d="M2 7.16c4.418.294 7.959 3.844 8.236 8.267h5.16C15.11 8.15 9.272 2.302 2 2zm8.266 9.443C9.972 21.022 6.423 24.562 2 24.84V30c7.276-.287 13.124-6.125 13.427-13.397zm11.468-1.207c.294-4.419 3.843-7.96 8.266-8.237v-5.16c-7.276.287-13.124 6.124-13.427 13.396zM30 24.84c-4.418-.294-7.959-3.843-8.236-8.267h-5.16C16.89 23.85 22.728 29.698 30 30z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0dc09d" d="M2 7.16c4.418.294 7.959 3.844 8.236 8.267h5.16C15.11 8.15 9.272 2.302 2 2zm8.266 9.443C9.972 21.022 6.423 24.562 2 24.84V30c7.276-.287 13.124-6.125 13.427-13.397zm11.468-1.207c.294-4.419 3.843-7.96 8.266-8.237v-5.16c-7.276.287-13.124 6.124-13.427 13.396zM30 24.84c-4.418-.294-7.959-3.843-8.236-8.267h-5.16C16.89 23.85 22.728 29.698 30 30z"/></svg>
</template>

CSS

.icon-file-type-nextflow {
  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%230dc09d%22%20d%3D%22M2%207.16c4.418.294%207.959%203.844%208.236%208.267h5.16C15.11%208.15%209.272%202.302%202%202zm8.266%209.443C9.972%2021.022%206.423%2024.562%202%2024.84V30c7.276-.287%2013.124-6.125%2013.427-13.397zm11.468-1.207c.294-4.419%203.843-7.96%208.266-8.237v-5.16c-7.276.287-13.124%206.124-13.427%2013.396zM30%2024.84c-4.418-.294-7.959-3.843-8.236-8.267h-5.16C16.89%2023.85%2022.728%2029.698%2030%2030z%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%230dc09d%22%20d%3D%22M2%207.16c4.418.294%207.959%203.844%208.236%208.267h5.16C15.11%208.15%209.272%202.302%202%202zm8.266%209.443C9.972%2021.022%206.423%2024.562%202%2024.84V30c7.276-.287%2013.124-6.125%2013.427-13.397zm11.468-1.207c.294-4.419%203.843-7.96%208.266-8.237v-5.16c-7.276.287-13.124%206.124-13.427%2013.396zM30%2024.84c-4.418-.294-7.959-3.843-8.236-8.267h-5.16C16.89%2023.85%2022.728%2029.698%2030%2030z%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-nextflow.svg?color=%231a73e8&size=48