Home/Libraries/SVG Logos (Iconify)/jupyter

SVG Logos (Iconify)

Jupyter

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 300"><path fill="#818cf8" d="M10.584 156.41v-32.753h7.136v35.256a21.3 21.3 0 0 1-4.686 15.976A18.2 18.2 0 0 1 .89 179.31l-.745-5.325a11.6 11.6 0 0 0 7.775-2.982c1.917-2.237 2.663-5.273 2.663-14.592m53.22-4.201c0 3.994 0 7.562.32 10.651h-6.338l-.426-6.337a14.75 14.75 0 0 1-12.941 7.242c-6.178 0-13.527-3.355-13.527-17.041v-22.74h7.136v21.302c0 7.402 2.29 12.355 8.734 12.355a9.96 9.96 0 0 0 10.065-10.065v-23.859h7.136v28.279zm13.527-15.555c0-4.953 0-9-.32-12.675h6.39l.32 6.657a15.45 15.45 0 0 1 13.953-7.562c9.48 0 16.616 7.935 16.616 19.757c0 13.953-8.574 20.877-17.84 20.877a13.8 13.8 0 0 1-12.09-6.125v21.302h-7.03v-42.231m7.03 10.385c.019.966.126 1.928.319 2.875a10.97 10.97 0 0 0 10.651 8.255c7.509 0 11.93-6.124 11.93-15.018c0-7.775-4.155-14.432-11.664-14.432a12.25 12.25 0 0 0-11.237 11.663zm42.644-23.095l8.574 22.953a133 133 0 0 1 2.503 7.935c.745-2.344 1.544-5.326 2.503-8.095l7.775-22.793h7.509l-10.651 27.692c-5.326 13.314-8.574 20.184-13.474 24.338a19.4 19.4 0 0 1-8.734 4.58l-1.757-5.965a18.9 18.9 0 0 0 6.23-3.461a21.3 21.3 0 0 0 6.019-7.882c.29-.53.488-1.107.585-1.704a6.1 6.1 0 0 0-.479-1.864l-14.485-35.84h7.775zm47.809-11.173v11.183h10.225v5.326h-10.225v20.983c0 4.793 1.384 7.562 5.325 7.562c1.4.023 2.796-.138 4.154-.48l.32 5.326a17.6 17.6 0 0 1-6.338.959a9.9 9.9 0 0 1-7.722-2.983a14.33 14.33 0 0 1-2.77-10.118v-21.302h-6.07V123.9h6.177v-9.48zm23.37 31.877a12.516 12.516 0 0 0 13.474 13.473a26 26 0 0 0 10.651-2.024l1.225 5.326a31.95 31.95 0 0 1-13.048 2.396a18.106 18.106 0 0 1-19.278-19.598c0-11.716 6.976-20.982 18.373-20.982c12.781 0 15.977 11.183 15.977 18.32q.102 1.651 0 3.302h-27.533zm20.877-5.326a10.064 10.064 0 0 0-9.906-11.503a11.77 11.77 0 0 0-10.917 11.503zm17.324-3.269c0-4.58 0-8.52-.32-12.142h6.391v7.616h.32a11.77 11.77 0 0 1 10.651-8.521a7.8 7.8 0 0 1 2.024 0v6.657a10.7 10.7 0 0 0-2.45 0a9.96 9.96 0 0 0-9.533 9.053a20 20 0 0 0-.32 3.302v20.716h-7.029v-26.627z"/><path fill="#818cf8" d="M233.258 16.962a18.053 18.053 0 1 1-18.8-16.935a17.84 17.84 0 0 1 18.8 16.935"/><path fill="#818cf8" d="M127.953 225.541c-47.93 0-90.055-17.201-111.836-42.604a119.239 119.239 0 0 0 223.672 0c-21.728 25.403-63.693 42.604-111.836 42.604m0-165.187c47.93 0 90.055 17.202 111.836 42.604a119.24 119.24 0 0 0-111.836-77.88a119.24 119.24 0 0 0-111.836 77.88c21.781-25.455 63.694-42.604 111.836-42.604"/><path fill="#818cf8" d="M61.972 274.975a22.74 22.74 0 1 1-23.699-21.302a22.527 22.527 0 0 1 23.699 21.302"/><path fill="#818cf8" d="M21.564 54.565a13.102 13.102 0 1 1 12.728-13.633a13.26 13.26 0 0 1-12.728 13.633"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. JupyterIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.