Nextflow icon
file-icons:nextflow
The Nextflow icon (file-icons:nextflow) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M512 129.96V34.255C417.63 54.707 346.387 97.83 257.564 183.142C125.96 29.303 15.264 20.572 0 20.12v97.262c6.376.787 86.848 12.98 189.664 136.717C132.632 307.197 67.73 347.639 0 372.649v101.457c96.34-28.467 180.097-79.599 249.357-142.227c67.667 87.467 168.7 141.39 262.643 160.001V391.584c-57.118-14.527-130.796-49.285-194.354-130.596C389.303 181.85 443.7 145.946 512 129.96"/></svg>How to use the Nextflow icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:nextflow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:nextflow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:nextflow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--nextflow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:nextflow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:nextflow"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/nextflow.svg" alt="Nextflow icon" width="24" height="24">Nextflow icon in other icon sets
Nextflow icon FAQ
Is the Nextflow icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Nextflow icon in React?
Install @iconify/react and render <Icon icon="file-icons:nextflow" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nextflow icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/nextflow.svg" alt="Nextflow icon">, or paste the SVG code inline to style it with CSS.