Confluence アイコン

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

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

devicon:confluence

Confluence アイコン(devicon:confluence)は、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"><defs><linearGradient id="SVGuL2X0cCO" x1="26.791" x2="11.792" y1="28.467" y2="19.855" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGY0i8lcxc" x1="5.209" x2="20.208" y1="2.523" y2="11.136" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="url(#SVGuL2X0cCO)" d="M4.655 96.303a332 332 0 0 0-4.062 6.577c-1.156 1.933-.578 4.448 1.354 5.61l26.484 16.25c1.934 1.16 4.443.577 5.604-1.355a186 186 0 0 1 3.866-6.579c10.442-17.213 21.071-15.28 40.014-6.186l26.293 12.374c2.124.97 4.447 0 5.41-1.933l12.569-28.43c.963-1.938 0-4.448-1.939-5.418c-5.604-2.516-16.618-7.74-26.285-12.573c-35.76-17.219-66.114-16.057-89.306 21.663Zm0 0"/><path fill="url(#SVGY0i8lcxc)" d="M123.343 31.697a332 332 0 0 0 4.063-6.577c1.16-1.933.577-4.448-1.355-5.61L99.567 3.26c-1.933-1.16-4.443-.577-5.604 1.355a178 178 0 0 1-3.865 6.579c-10.443 17.213-21.072 15.28-40.015 6.186L23.79 5.006c-2.124-.97-4.441 0-5.41 1.933L5.816 35.369c-.968 1.938 0 4.454 1.933 5.418c5.604 2.516 16.624 7.74 26.285 12.573c35.767 17.027 66.115 16.056 89.307-21.663zm0 0"/></svg>

Confluence アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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