Jupyter アイコン

Q: Jupyter アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:jupyter

Jupyter アイコン(logos:jupyter)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 300 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 300

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="300" viewBox="0 0 256 300"><path fill="#4e4e4e" 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="#767677" 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="#f37726" 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="#9e9e9e" 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="#616262" 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>

Jupyter アイコンの使い方

React

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

<Icon icon="logos:jupyter" width="24" />

Vue

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

<template>
  <Icon icon="logos:jupyter" width="24" />
</template>

Svelte

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

<Icon icon="logos:jupyter" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:jupyter"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/jupyter.svg" alt="Jupyter アイコン" width="24" height="24">

他のアイコンセットの Jupyter アイコン

Jupyter アイコンのよくある質問

Jupyter アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Jupyter アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:jupyter" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Jupyter アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/jupyter.svg" alt="Jupyter アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →