Plotly アイコン
thesvg:plotly
Plotly アイコン(thesvg:plotly)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.713.002A1.713 1.713 0 0 0 0 1.715a1.713 1.713 0 0 0 1.713 1.713a1.713 1.713 0 0 0 1.714-1.713A1.713 1.713 0 0 0 1.713.002m6.861 0a1.713 1.713 0 0 0-1.713 1.713a1.713 1.713 0 0 0 1.713 1.713a1.713 1.713 0 0 0 1.713-1.713A1.713 1.713 0 0 0 8.574.002m6.857 0a1.713 1.713 0 0 0-1.714 1.713a1.713 1.713 0 0 0 1.714 1.713a1.713 1.713 0 0 0 1.713-1.713A1.713 1.713 0 0 0 15.431.002m6.856 0a1.713 1.713 0 0 0-1.713 1.713a1.713 1.713 0 0 0 1.713 1.713A1.713 1.713 0 0 0 24 1.715A1.713 1.713 0 0 0 22.287.002M1.713 6.859A1.713 1.713 0 0 0 0 8.572a1.713 1.713 0 0 0 1.713 1.713a1.713 1.713 0 0 0 1.714-1.713A1.713 1.713 0 0 0 1.713 6.86Zm6.861 0a1.71 1.71 0 0 0-1.713 1.713v13.713c0 .947.765 1.713 1.713 1.713s1.713-.766 1.713-1.713V8.572a1.71 1.71 0 0 0-1.713-1.713m6.857 0a1.713 1.713 0 0 0-1.714 1.713a1.713 1.713 0 0 0 1.714 1.713a1.713 1.713 0 0 0 1.713-1.713a1.713 1.713 0 0 0-1.713-1.713m6.856 0c-.947 0-1.713.765-1.713 1.713v13.713c0 .947.766 1.713 1.713 1.713S24 23.232 24 22.285V8.572a1.71 1.71 0 0 0-1.713-1.713M1.713 13.715C.766 13.715 0 14.48 0 15.428v6.857a1.713 1.713 0 1 0 3.427 0v-6.857c0-.948-.766-1.713-1.714-1.713m13.718 0c-.948 0-1.714.765-1.714 1.713v6.857c0 .947.766 1.713 1.714 1.713c.947 0 1.713-.766 1.713-1.713v-6.857c0-.948-.766-1.713-1.713-1.713"/></svg>Plotly アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:plotly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:plotly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:plotly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--plotly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:plotly"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:plotly"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/plotly.svg" alt="Plotly アイコン" width="24" height="24">他のアイコンセットの Plotly アイコン
Plotly アイコン のよくある質問
Plotly アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Plotly アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:plotly" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Plotly アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/plotly.svg" alt="Plotly アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。