Streamlit アイコン

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

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

devicon:streamlit

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

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ff4b4b" d="m63.993 72.521l-22.44-11.86l-38.95-20.587c-.035-.035-.106-.035-.142-.035c-1.422-.676-2.88.746-2.346 2.168l19.846 50.62l.004.01l.06.15c.814 1.888 2.592 3.054 4.526 3.513c.164.036.28.067.477.107c.196.043.47.103.704.12c.039.004.074.004.114.007h.028l.085.008H26c.024.003.053.003.078.003h.046l.085.004a349 349 0 0 0 75.629 0a9 9 0 0 0 1.152-.074c.01-.005.025-.005.035-.008l.182-.028a4 4 0 0 0 .266-.047c.178-.039.259-.067.5-.15a10 10 0 0 0 .893-.349c.25-.12.424-.237.634-.368c.26-.164.506-.331.757-.519c.108-.083.182-.135.26-.21l-.043-.025z"/><path fill="#7d353b" d="M125.446 40.075h-.035L86.446 60.66l21.66 32.259l19.797-50.712v-.071c.498-1.494-1.031-2.845-2.457-2.062"/><path fill="#bd4043" d="M66.07 30.286c-.997-1.454-3.165-1.454-4.125 0L41.554 60.661l22.439 11.86l42.523 22.474c.267-.261.481-.516.708-.785c.32-.395.618-.817.881-1.29l-21.66-32.26Z"/></svg>

Streamlit アイコンの使い方

React

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

<Icon icon="devicon:streamlit" width="24" />

Vue

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

<template>
  <Icon icon="devicon:streamlit" width="24" />
</template>

Svelte

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

<Icon icon="devicon:streamlit" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:streamlit"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/streamlit.svg" alt="Streamlit アイコン" width="24" height="24">

Devicon の関連アイコン

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

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

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

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

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

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

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

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

Devicon アイコンをすべて見る →