Ibm Devops Control アイコン

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

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

carbon:ibm-devops-control

Ibm Devops Control アイコン(carbon:ibm-devops-control)は、Carbon セットの無料 SVG アイコンです（作者: IBM）。 32 × 32 のグリッドで描かれています。 Carbon icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Carbon
作者: IBM
ライセンス: Apache-2.0
サイズ: 32 × 32
カテゴリ: エンタープライズ
タグ: ibmdevops、devopscontrol、ibmdevopscontrol、devop

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27 24a2.995 2.995 0 0 0-2.816 2h-2.566l-1.558-3.116C22.415 21.492 24 18.934 24 16s-1.585-5.492-3.94-6.884L21.618 6h2.566A2.995 2.995 0 0 0 27 8c1.654 0 3-1.346 3-3s-1.346-3-3-3a2.995 2.995 0 0 0-2.816 2h-2.566a1.99 1.99 0 0 0-1.789 1.106l-1.607 3.213C17.516 8.115 16.772 8 16 8s-1.516.115-2.222.32L12.17 5.104A1.99 1.99 0 0 0 10.38 4H7.817A2.995 2.995 0 0 0 5 2C3.346 2 2 3.346 2 5s1.346 3 3 3a2.995 2.995 0 0 0 2.816-2h2.566l1.558 3.116C9.584 10.508 8 13.066 8 16s1.584 5.492 3.94 6.884L10.382 26H7.816A2.995 2.995 0 0 0 5 24c-1.654 0-3 1.346-3 3s1.346 3 3 3a2.995 2.995 0 0 0 2.816-2h2.566a1.99 1.99 0 0 0 1.789-1.106l1.607-3.213c.706.204 1.45.319 2.222.319s1.516-.115 2.222-.32l1.607 3.214A1.99 1.99 0 0 0 21.618 28h2.566A2.995 2.995 0 0 0 27 30c1.654 0 3-1.346 3-3s-1.346-3-3-3m0-20a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2M5 6a1.001 1.001 0 0 1 0-2a1.001 1.001 0 0 1 0 2m0 22a1.001 1.001 0 0 1 0-2a1.001 1.001 0 0 1 0 2m5.286-12c0-3.15 2.563-5.714 5.714-5.714s5.714 2.563 5.714 5.714s-2.563 5.714-5.714 5.714s-5.714-2.563-5.714-5.714M27 28a1.001 1.001 0 0 1 0-2a1.001 1.001 0 0 1 0 2m-8.41-15.443L20 14l-5 5l-3-3l1.444-1.444l1.56 1.622z"/></svg>

Ibm Devops Control アイコンの使い方

React

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

<Icon icon="carbon:ibm-devops-control" width="24" />

Vue

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

<template>
  <Icon icon="carbon:ibm-devops-control" width="24" />
</template>

Svelte

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

<Icon icon="carbon:ibm-devops-control" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--ibm-devops-control]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:ibm-devops-control"></div>

Web コンポーネント

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

<iconify-icon icon="carbon:ibm-devops-control"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/carbon/ibm-devops-control.svg" alt="Ibm Devops Control アイコン" width="24" height="24">

Carbon の関連アイコン

Ibm Devops Control アイコンのよくある質問

Ibm Devops Control アイコンは商用利用でも無料ですか?

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

React で Ibm Devops Control アイコンを使うには?

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

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

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

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