Jupyter icon

file-icons:jupyter

The Jupyter icon (file-icons:jupyter) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 376 × 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: 376 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="376" height="512" viewBox="0 0 376 512"><path fill="currentColor" d="M363.175 34.339c.84 19.792-14.37 36.52-33.98 37.369c-19.6.848-36.176-14.508-37.016-34.3S306.549.882 326.154.033s36.181 14.513 37.021 34.306M193.535 384.5c-78.216 0-146.328-28.41-181.787-70.378c26.834 75.24 98.09 129.035 181.788 129.035s154.953-53.795 181.787-129.035C339.863 356.09 271.752 384.5 193.536 384.5m0-273.167c78.216 0 146.328 28.407 181.787 70.379c-26.834-75.24-98.09-129.04-181.787-129.04s-154.954 53.8-181.788 129.04c35.46-41.972 103.571-70.379 181.788-70.379M101.392 467.56c.997 23.512-17.078 43.388-40.37 44.4c-23.29 1.006-42.979-17.24-43.976-40.753c-1.002-23.513 17.073-43.393 40.364-44.4s42.985 17.24 43.982 40.753M26.918 95.018C12.676 95.633.634 84.476.024 70.095C-.59 55.718 10.462 43.56 24.71 42.946c14.241-.615 26.284 10.542 26.893 24.918c.614 14.382-10.442 26.539-24.684 27.154"/></svg>

How to use the Jupyter icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:jupyter" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:jupyter" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:jupyter" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--jupyter]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:jupyter"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:jupyter"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/jupyter.svg" alt="Jupyter icon" width="24" height="24">

Jupyter icon in other icon sets

Jupyter icon FAQ

Is the Jupyter 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 Jupyter icon in React?

Install @iconify/react and render <Icon icon="file-icons:jupyter" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Jupyter icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/jupyter.svg" alt="Jupyter icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →