Buildpacks Dark アイコン

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

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

thesvg-color:buildpacks-dark

Buildpacks Dark アイコン(thesvg-color:buildpacks-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 432 × 352 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 432 × 352
タグ: buildpacksdark、buildpack

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="432" height="352" viewBox="0 0 432 352"><defs><clipPath id="SVGWHt5MeNS"><use href="#SVGN7KdcTUS"/></clipPath><clipPath id="SVGI7cNteuc"><use href="#SVGgnn2RbQo"/></clipPath><clipPath id="SVG8WzSHpzV"><use href="#SVG6NgvVcyo"/></clipPath><path id="SVGN7KdcTUS" fill="#fff" d="M322.25 273.623v84.987a13.423 13.423 0 0 0 13.383 13.383a15.2 15.2 0 0 0 6.692-1.673l73.61-42.493a13.5 13.5 0 0 0 6.692-11.71V231.13a13.423 13.423 0 0 0-13.384-13.383a15.2 15.2 0 0 0-6.692 1.673l-73.61 42.827a13.36 13.36 0 0 0-6.692 11.376z"/><path id="SVGgnn2RbQo" fill="#fff" d="m295.482 45.767l-73.61 42.493a13.5 13.5 0 0 0-6.692 11.71v84.987a13.423 13.423 0 0 0 13.384 13.383a15.2 15.2 0 0 0 6.691-1.673l73.61-42.493a13.5 13.5 0 0 0 6.692-11.71V57.143a13.423 13.423 0 0 0-13.383-13.384a12.06 12.06 0 0 0-6.692 2.008"/><path id="SVG6NgvVcyo" fill="#fff" d="M108.11 273.623v84.987a13.423 13.423 0 0 0 13.384 13.383a15.2 15.2 0 0 0 6.692-1.673l73.61-42.493a13.5 13.5 0 0 0 6.692-11.71V231.13a13.423 13.423 0 0 0-13.383-13.383a15.2 15.2 0 0 0-6.692 1.673l-73.61 42.827a13.36 13.36 0 0 0-6.692 11.376z"/></defs><path fill="#fff" d="m315.557 262.247l-73.61-42.493a13.52 13.52 0 0 0-18.402 4.684a15.2 15.2 0 0 0-1.673 6.692v84.986a14.37 14.37 0 0 0 6.692 11.711l86.993 50.189a13.63 13.63 0 0 0 13.384 0l86.994-50.189a13.5 13.5 0 0 0 6.691-11.71V231.13a13.423 13.423 0 0 0-13.383-13.383a15.2 15.2 0 0 0-6.692 1.673l-73.61 42.827a13.63 13.63 0 0 1-13.384 0"/><use href="#SVGN7KdcTUS"/><g fill="#fff" clip-path="url(#SVGWHt5MeNS)"><rect width="100.377" x="322.249" y="217.747"/><path d="M322.249 217.747h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.707h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.707h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 290.811h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 298.929h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 309.753h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.707h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 320.578h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 331.402h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 339.52h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 347.638h100.377v2.706H322.249zm0 2.707h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 361.169h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249zm0 2.706h100.377v2.706H322.249z"/><path d="M322.249 369.287h100.377v2.706H322.249z"/></g><path fill="#fff" d="m295.482 45.767l-73.61 42.493a13.63 13.63 0 0 1-13.384 0l-73.61-42.493a13.52 13.52 0 0 0-18.402 4.684a15.2 15.2 0 0 0-1.673 6.692v84.986a14.37 14.37 0 0 0 6.691 11.71l86.994 50.19a13.63 13.63 0 0 0 13.384 0l86.993-50.19a13.5 13.5 0 0 0 6.692-11.71V57.143a13.423 13.423 0 0 0-13.383-13.384a12.06 12.06 0 0 0-6.692 2.008"/><use href="#SVGgnn2RbQo"/><g fill="#fff" clip-path="url(#SVGI7cNteuc)"><rect width="100.377" x="215.18" y="43.759"/><path d="M215.18 43.759h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18z"/><path d="M215.18 130.426h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.708h100.377v2.708H215.18zm0 2.709h100.377v2.708H215.18zm0 2.708h100.377v.205H215.18z"/></g><path fill="#fff" d="m101.419 262.247l-73.61-42.493a13.52 13.52 0 0 0-18.403 4.684a15.2 15.2 0 0 0-1.673 6.692v84.986a14.37 14.37 0 0 0 6.692 11.711l86.994 50.189a13.63 13.63 0 0 0 13.384 0l86.993-50.189a13.5 13.5 0 0 0 6.692-11.71V231.13a13.423 13.423 0 0 0-13.383-13.383a15.2 15.2 0 0 0-6.692 1.673l-73.61 42.827a13.63 13.63 0 0 1-13.384 0"/><use href="#SVG6NgvVcyo"/><g fill="#fff" clip-path="url(#SVG8WzSHpzV)"><rect width="100.377" x="108.111" y="217.747"/><path d="M108.111 217.747h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.707h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.707h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 290.811h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 298.929h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 309.753h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.707h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 320.578h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 331.402h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 339.52h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 347.638h100.377v2.706H108.111zm0 2.707h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 361.169h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111zm0 2.706h100.377v2.706H108.111z"/><path d="M108.111 369.287h100.377v2.706H108.111z"/></g></svg>

Buildpacks Dark アイコンの使い方

React

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

<Icon icon="thesvg-color:buildpacks-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:buildpacks-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:buildpacks-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--buildpacks-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:buildpacks-dark"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:buildpacks-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/buildpacks-dark.svg" alt="Buildpacks Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

Buildpacks Dark アイコンのよくある質問

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →