jupyter logo

jupyter from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: jupyter
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

jupyterCatppuccin Icons jupyterCoreUI Brands jupyterSVG Logos jupyterMaterial Icon Theme jupyterSimple Icons

Use the jupyter logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#767677" d="M109.766 7.281a7.7 7.7 0 0 1-1.09 4.282a7.6 7.6 0 0 1-3.262 2.949a7.5 7.5 0 0 1-4.34.62a7.53 7.53 0 0 1-3.953-1.913A7.64 7.64 0 0 1 95.137 5a7.6 7.6 0 0 1 2.629-3.531a7.5 7.5 0 0 1 4.136-1.461a7.5 7.5 0 0 1 5.422 1.996a7.63 7.63 0 0 1 2.438 5.273zm0 0"/><path fill="#f37726" d="M65.758 96.79c-20.098 0-37.649-7.364-46.766-18.267a49.95 49.95 0 0 0 18.102 24.254a49.25 49.25 0 0 0 28.676 9.215a49.28 49.28 0 0 0 28.675-9.215a49.9 49.9 0 0 0 18.094-24.254C103.406 89.426 85.855 96.79 65.758 96.79m-.008-70.907c20.098 0 37.652 7.367 46.766 18.265a49.95 49.95 0 0 0-18.102-24.253a49.27 49.27 0 0 0-28.672-9.22a49.27 49.27 0 0 0-28.672 9.22a49.9 49.9 0 0 0-18.1 24.253c9.132-10.878 26.682-18.265 46.78-18.265m0 0"/><path fill="#989798" d="M38.164 117.984a9.67 9.67 0 0 1-1.371 5.399a9.5 9.5 0 0 1-9.59 4.504a9.4 9.4 0 0 1-4.98-2.418a9.67 9.67 0 0 1-2.809-4.797a9.73 9.73 0 0 1 .313-5.567a9.6 9.6 0 0 1 3.328-4.453a9.466 9.466 0 0 1 12.043.688a9.63 9.63 0 0 1 3.066 6.648zm0 0"/><path fill="#6f7070" d="M21.285 23.418a5.53 5.53 0 0 1-3.14-.816a5.63 5.63 0 0 1-2.618-5.672a5.6 5.6 0 0 1 1.407-2.95a5.6 5.6 0 0 1 2.789-1.664a5.46 5.46 0 0 1 3.238.184a5.54 5.54 0 0 1 2.586 1.969a5.66 5.66 0 0 1-.399 7.129a5.56 5.56 0 0 1-3.867 1.82zm0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconJupyter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#767677" d="M109.766 7.281a7.7 7.7 0 0 1-1.09 4.282a7.6 7.6 0 0 1-3.262 2.949a7.5 7.5 0 0 1-4.34.62a7.53 7.53 0 0 1-3.953-1.913A7.64 7.64 0 0 1 95.137 5a7.6 7.6 0 0 1 2.629-3.531a7.5 7.5 0 0 1 4.136-1.461a7.5 7.5 0 0 1 5.422 1.996a7.63 7.63 0 0 1 2.438 5.273zm0 0"/><path fill="#f37726" d="M65.758 96.79c-20.098 0-37.649-7.364-46.766-18.267a49.95 49.95 0 0 0 18.102 24.254a49.25 49.25 0 0 0 28.676 9.215a49.28 49.28 0 0 0 28.675-9.215a49.9 49.9 0 0 0 18.094-24.254C103.406 89.426 85.855 96.79 65.758 96.79m-.008-70.907c20.098 0 37.652 7.367 46.766 18.265a49.95 49.95 0 0 0-18.102-24.253a49.27 49.27 0 0 0-28.672-9.22a49.27 49.27 0 0 0-28.672 9.22a49.9 49.9 0 0 0-18.1 24.253c9.132-10.878 26.682-18.265 46.78-18.265m0 0"/><path fill="#989798" d="M38.164 117.984a9.67 9.67 0 0 1-1.371 5.399a9.5 9.5 0 0 1-9.59 4.504a9.4 9.4 0 0 1-4.98-2.418a9.67 9.67 0 0 1-2.809-4.797a9.73 9.73 0 0 1 .313-5.567a9.6 9.6 0 0 1 3.328-4.453a9.466 9.466 0 0 1 12.043.688a9.63 9.63 0 0 1 3.066 6.648zm0 0"/><path fill="#6f7070" d="M21.285 23.418a5.53 5.53 0 0 1-3.14-.816a5.63 5.63 0 0 1-2.618-5.672a5.6 5.6 0 0 1 1.407-2.95a5.6 5.6 0 0 1 2.789-1.664a5.46 5.46 0 0 1 3.238.184a5.54 5.54 0 0 1 2.586 1.969a5.66 5.66 0 0 1-.399 7.129a5.56 5.56 0 0 1-3.867 1.82zm0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#767677" d="M109.766 7.281a7.7 7.7 0 0 1-1.09 4.282a7.6 7.6 0 0 1-3.262 2.949a7.5 7.5 0 0 1-4.34.62a7.53 7.53 0 0 1-3.953-1.913A7.64 7.64 0 0 1 95.137 5a7.6 7.6 0 0 1 2.629-3.531a7.5 7.5 0 0 1 4.136-1.461a7.5 7.5 0 0 1 5.422 1.996a7.63 7.63 0 0 1 2.438 5.273zm0 0"/><path fill="#f37726" d="M65.758 96.79c-20.098 0-37.649-7.364-46.766-18.267a49.95 49.95 0 0 0 18.102 24.254a49.25 49.25 0 0 0 28.676 9.215a49.28 49.28 0 0 0 28.675-9.215a49.9 49.9 0 0 0 18.094-24.254C103.406 89.426 85.855 96.79 65.758 96.79m-.008-70.907c20.098 0 37.652 7.367 46.766 18.265a49.95 49.95 0 0 0-18.102-24.253a49.27 49.27 0 0 0-28.672-9.22a49.27 49.27 0 0 0-28.672 9.22a49.9 49.9 0 0 0-18.1 24.253c9.132-10.878 26.682-18.265 46.78-18.265m0 0"/><path fill="#989798" d="M38.164 117.984a9.67 9.67 0 0 1-1.371 5.399a9.5 9.5 0 0 1-9.59 4.504a9.4 9.4 0 0 1-4.98-2.418a9.67 9.67 0 0 1-2.809-4.797a9.73 9.73 0 0 1 .313-5.567a9.6 9.6 0 0 1 3.328-4.453a9.466 9.466 0 0 1 12.043.688a9.63 9.63 0 0 1 3.066 6.648zm0 0"/><path fill="#6f7070" d="M21.285 23.418a5.53 5.53 0 0 1-3.14-.816a5.63 5.63 0 0 1-2.618-5.672a5.6 5.6 0 0 1 1.407-2.95a5.6 5.6 0 0 1 2.789-1.664a5.46 5.46 0 0 1 3.238.184a5.54 5.54 0 0 1 2.586 1.969a5.66 5.66 0 0 1-.399 7.129a5.56 5.56 0 0 1-3.867 1.82zm0 0"/></svg>
</template>

CSS

.icon-jupyter {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23767677%22%20d%3D%22M109.766%207.281a7.7%207.7%200%200%201-1.09%204.282a7.6%207.6%200%200%201-3.262%202.949a7.5%207.5%200%200%201-4.34.62a7.53%207.53%200%200%201-3.953-1.913A7.64%207.64%200%200%201%2095.137%205a7.6%207.6%200%200%201%202.629-3.531a7.5%207.5%200%200%201%204.136-1.461a7.5%207.5%200%200%201%205.422%201.996a7.63%207.63%200%200%201%202.438%205.273zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23f37726%22%20d%3D%22M65.758%2096.79c-20.098%200-37.649-7.364-46.766-18.267a49.95%2049.95%200%200%200%2018.102%2024.254a49.25%2049.25%200%200%200%2028.676%209.215a49.28%2049.28%200%200%200%2028.675-9.215a49.9%2049.9%200%200%200%2018.094-24.254C103.406%2089.426%2085.855%2096.79%2065.758%2096.79m-.008-70.907c20.098%200%2037.652%207.367%2046.766%2018.265a49.95%2049.95%200%200%200-18.102-24.253a49.27%2049.27%200%200%200-28.672-9.22a49.27%2049.27%200%200%200-28.672%209.22a49.9%2049.9%200%200%200-18.1%2024.253c9.132-10.878%2026.682-18.265%2046.78-18.265m0%200%22%2F%3E%3Cpath%20fill%3D%22%23989798%22%20d%3D%22M38.164%20117.984a9.67%209.67%200%200%201-1.371%205.399a9.5%209.5%200%200%201-9.59%204.504a9.4%209.4%200%200%201-4.98-2.418a9.67%209.67%200%200%201-2.809-4.797a9.73%209.73%200%200%201%20.313-5.567a9.6%209.6%200%200%201%203.328-4.453a9.466%209.466%200%200%201%2012.043.688a9.63%209.63%200%200%201%203.066%206.648zm0%200%22%2F%3E%3Cpath%20fill%3D%22%236f7070%22%20d%3D%22M21.285%2023.418a5.53%205.53%200%200%201-3.14-.816a5.63%205.63%200%200%201-2.618-5.672a5.6%205.6%200%200%201%201.407-2.95a5.6%205.6%200%200%201%202.789-1.664a5.46%205.46%200%200%201%203.238.184a5.54%205.54%200%200%201%202.586%201.969a5.66%205.66%200%200%201-.399%207.129a5.56%205.56%200%200%201-3.867%201.82zm0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23767677%22%20d%3D%22M109.766%207.281a7.7%207.7%200%200%201-1.09%204.282a7.6%207.6%200%200%201-3.262%202.949a7.5%207.5%200%200%201-4.34.62a7.53%207.53%200%200%201-3.953-1.913A7.64%207.64%200%200%201%2095.137%205a7.6%207.6%200%200%201%202.629-3.531a7.5%207.5%200%200%201%204.136-1.461a7.5%207.5%200%200%201%205.422%201.996a7.63%207.63%200%200%201%202.438%205.273zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23f37726%22%20d%3D%22M65.758%2096.79c-20.098%200-37.649-7.364-46.766-18.267a49.95%2049.95%200%200%200%2018.102%2024.254a49.25%2049.25%200%200%200%2028.676%209.215a49.28%2049.28%200%200%200%2028.675-9.215a49.9%2049.9%200%200%200%2018.094-24.254C103.406%2089.426%2085.855%2096.79%2065.758%2096.79m-.008-70.907c20.098%200%2037.652%207.367%2046.766%2018.265a49.95%2049.95%200%200%200-18.102-24.253a49.27%2049.27%200%200%200-28.672-9.22a49.27%2049.27%200%200%200-28.672%209.22a49.9%2049.9%200%200%200-18.1%2024.253c9.132-10.878%2026.682-18.265%2046.78-18.265m0%200%22%2F%3E%3Cpath%20fill%3D%22%23989798%22%20d%3D%22M38.164%20117.984a9.67%209.67%200%200%201-1.371%205.399a9.5%209.5%200%200%201-9.59%204.504a9.4%209.4%200%200%201-4.98-2.418a9.67%209.67%200%200%201-2.809-4.797a9.73%209.73%200%200%201%20.313-5.567a9.6%209.6%200%200%201%203.328-4.453a9.466%209.466%200%200%201%2012.043.688a9.63%209.63%200%200%201%203.066%206.648zm0%200%22%2F%3E%3Cpath%20fill%3D%22%236f7070%22%20d%3D%22M21.285%2023.418a5.53%205.53%200%200%201-3.14-.816a5.63%205.63%200%200%201-2.618-5.672a5.6%205.6%200%200%201%201.407-2.95a5.6%205.6%200%200%201%202.789-1.664a5.46%205.46%200%200%201%203.238.184a5.54%205.54%200%200%201%202.586%201.969a5.66%205.66%200%200%201-.399%207.129a5.56%205.56%200%200%201-3.867%201.82zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/jupyter.svg?color=%231a73e8&size=48