Ikon Buildpacks Light
thesvg-color:buildpacks-light
Ikon Buildpacks Light (thesvg-color:buildpacks-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 432 × 352. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 432 × 352
- Tag
- buildpackslight, buildpack
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="432" height="352" viewBox="0 0 432 352"><defs><clipPath id="SVGDIOGhdFP"><path fill="none" 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"/></clipPath><clipPath id="SVGRIau1d5s"><path fill="none" 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"/></clipPath><clipPath id="SVGUNzyHdDe"><path fill="none" 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"/></clipPath></defs><path fill="#de156c" 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"/><g clip-path="url(#SVGDIOGhdFP)"><rect width="100.377" x="322.249" y="217.747" fill="#f12fa5"/><path fill="#f12fa5" d="M322.249 217.747h100.377v2.706H322.249z"/><path fill="#f12fa4" d="M322.249 220.453h100.377v2.706H322.249z"/><path fill="#f02ea3" d="M322.249 223.159h100.377v2.706H322.249z"/><path fill="#f02ea2" d="M322.249 225.865h100.377v2.706H322.249z"/><path fill="#f02da1" d="M322.249 228.571h100.377v2.706H322.249z"/><path fill="#ef2da0" d="M322.249 231.277h100.377v2.706H322.249z"/><path fill="#ef2c9f" d="M322.249 233.983h100.377v2.706H322.249z"/><path fill="#ef2c9e" d="M322.249 236.689h100.377v2.706H322.249z"/><path fill="#ee2b9d" d="M322.249 239.395h100.377v2.706H322.249z"/><path fill="#ee2b9c" d="M322.249 242.101h100.377v2.706H322.249z"/><path fill="#ee2a9b" d="M322.249 244.807h100.377v2.706H322.249z"/><path fill="#ed2a9a" d="M322.249 247.514h100.377v2.706H322.249z"/><path fill="#ed2999" d="M322.249 250.22h100.377v2.706H322.249z"/><path fill="#ed2998" d="M322.249 252.926h100.377v2.706H322.249z"/><path fill="#ec2997" d="M322.249 255.632h100.377v2.706H322.249z"/><path fill="#ec2896" d="M322.249 258.338h100.377v2.706H322.249z"/><path fill="#ec2895" d="M322.249 261.044h100.377v2.706H322.249z"/><path fill="#eb2794" d="M322.249 263.75h100.377v2.706H322.249z"/><path fill="#eb2793" d="M322.249 266.456h100.377v2.706H322.249z"/><path fill="#eb2692" d="M322.249 269.162h100.377v2.706H322.249z"/><path fill="#ea2691" d="M322.249 271.868h100.377v2.706H322.249z"/><path fill="#ea2590" d="M322.249 274.574h100.377v2.706H322.249z"/><path fill="#ea258f" d="M322.249 277.28h100.377v2.706H322.249z"/><path fill="#e9248e" d="M322.249 279.986h100.377v2.706H322.249z"/><path fill="#e9248d" d="M322.249 282.693h100.377v2.706H322.249z"/><path fill="#e9238c" d="M322.249 285.399h100.377v2.706H322.249z"/><path fill="#e8238b" d="M322.249 288.105h100.377v2.706H322.249z"/><path fill="#e8228a" d="M322.249 290.811h100.377v2.706H322.249z"/><path fill="#e82289" d="M322.249 293.517h100.377v2.706H322.249z"/><path fill="#e72287" d="M322.249 296.223h100.377v2.706H322.249z"/><path fill="#e72186" d="M322.249 298.929h100.377v2.706H322.249z"/><path fill="#e62185" d="M322.249 301.635h100.377v2.706H322.249z"/><path fill="#e62084" d="M322.249 304.341h100.377v2.706H322.249z"/><path fill="#e62083" d="M322.249 307.047h100.377v2.706H322.249z"/><path fill="#e51f82" d="M322.249 309.753h100.377v2.706H322.249z"/><path fill="#e51f81" d="M322.249 312.459h100.377v2.706H322.249z"/><path fill="#e51e80" d="M322.249 315.166h100.377v2.706H322.249z"/><path fill="#e41e7f" d="M322.249 317.872h100.377v2.706H322.249z"/><path fill="#e41d7e" d="M322.249 320.578h100.377v2.706H322.249z"/><path fill="#e41d7d" d="M322.249 323.284h100.377v2.706H322.249z"/><path fill="#e31c7c" d="M322.249 325.99h100.377v2.706H322.249z"/><path fill="#e31c7b" d="M322.249 328.696h100.377v2.706H322.249z"/><path fill="#e31c7a" d="M322.249 331.402h100.377v2.706H322.249z"/><path fill="#e21b79" d="M322.249 334.108h100.377v2.706H322.249z"/><path fill="#e21b78" d="M322.249 336.814h100.377v2.706H322.249z"/><path fill="#e21a77" d="M322.249 339.52h100.377v2.706H322.249z"/><path fill="#e11a76" d="M322.249 342.226h100.377v2.706H322.249z"/><path fill="#e11975" d="M322.249 344.932h100.377v2.706H322.249z"/><path fill="#e11974" d="M322.249 347.638h100.377v2.706H322.249z"/><path fill="#e01873" d="M322.249 350.345h100.377v2.706H322.249z"/><path fill="#e01872" d="M322.249 353.051h100.377v2.706H322.249z"/><path fill="#e01771" d="M322.249 355.757h100.377v2.706H322.249z"/><path fill="#df1770" d="M322.249 358.463h100.377v2.706H322.249z"/><path fill="#df166f" d="M322.249 361.169h100.377v2.706H322.249z"/><path fill="#df166e" d="M322.249 363.875h100.377v2.706H322.249z"/><path fill="#de156d" d="M322.249 366.581h100.377v2.706H322.249z"/><path fill="#de156c" d="M322.249 369.287h100.377v2.706H322.249z"/></g><path fill="#47529d" 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"/><g clip-path="url(#SVGRIau1d5s)"><rect width="100.377" x="215.18" y="43.759" fill="#7e8bcc"/><path fill="#7e8bcc" d="M215.18 43.759h100.377v2.708H215.18z"/><path fill="#7d8acb" d="M215.18 46.468h100.377v2.708H215.18z"/><path fill="#7c89ca" d="M215.18 49.176h100.377v2.708H215.18z"/><path fill="#7b88c9" d="M215.18 51.884h100.377v2.708H215.18z"/><path fill="#7a87c9" d="M215.18 54.593h100.377v2.708H215.18z"/><path fill="#7986c8" d="M215.18 57.301h100.377v2.708H215.18z"/><path fill="#7885c7" d="M215.18 60.009h100.377v2.708H215.18z"/><path fill="#7784c6" d="M215.18 62.718h100.377v2.708H215.18z"/><path fill="#7683c5" d="M215.18 65.426h100.377v2.708H215.18z"/><path fill="#7582c4" d="M215.18 68.134h100.377v2.708H215.18z"/><path fill="#7481c4" d="M215.18 70.843h100.377v2.708H215.18z"/><path fill="#7380c3" d="M215.18 73.551h100.377v2.708H215.18z"/><path fill="#727fc2" d="M215.18 76.259h100.377v2.708H215.18z"/><path fill="#717ec1" d="M215.18 78.968h100.377v2.708H215.18z"/><path fill="#707dc0" d="M215.18 81.676h100.377v2.708H215.18z"/><path fill="#6f7cbf" d="M215.18 84.384h100.377v2.708H215.18z"/><path fill="#6e7bbf" d="M215.18 87.093h100.377v2.708H215.18z"/><path fill="#6d7abe" d="M215.18 89.801h100.377v2.708H215.18z"/><path fill="#6c79bd" d="M215.18 92.509h100.377v2.708H215.18z"/><path fill="#6b78bc" d="M215.18 95.218h100.377v2.708H215.18z"/><path fill="#6a77bb" d="M215.18 97.926h100.377v2.708H215.18z"/><path fill="#6976ba" d="M215.18 100.634h100.377v2.708H215.18z"/><path fill="#6875ba" d="M215.18 103.343h100.377v2.708H215.18z"/><path fill="#6774b9" d="M215.18 106.051h100.377v2.708H215.18z"/><path fill="#6673b8" d="M215.18 108.76h100.377v2.708H215.18z"/><path fill="#6572b7" d="M215.18 111.468h100.377v2.708H215.18z"/><path fill="#6471b6" d="M215.18 114.176h100.377v2.708H215.18z"/><path fill="#6370b5" d="M215.18 116.885h100.377v2.708H215.18z"/><path fill="#636fb5" d="M215.18 119.593h100.377v2.708H215.18z"/><path fill="#626db4" d="M215.18 122.301h100.377v2.708H215.18z"/><path fill="#616cb3" d="M215.18 125.01h100.377v2.708H215.18z"/><path fill="#606bb2" d="M215.18 127.718h100.377v2.708H215.18z"/><path fill="#5f6ab1" d="M215.18 130.426h100.377v2.708H215.18z"/><path fill="#5e69b0" d="M215.18 133.135h100.377v2.708H215.18z"/><path fill="#5d68af" d="M215.18 135.843h100.377v2.708H215.18z"/><path fill="#5c67af" d="M215.18 138.551h100.377v2.708H215.18z"/><path fill="#5b66ae" d="M215.18 141.26h100.377v2.708H215.18z"/><path fill="#5a65ad" d="M215.18 143.968h100.377v2.708H215.18z"/><path fill="#5964ac" d="M215.18 146.676h100.377v2.708H215.18z"/><path fill="#5863ab" d="M215.18 149.385h100.377v2.708H215.18z"/><path fill="#5762aa" d="M215.18 152.093h100.377v2.708H215.18z"/><path fill="#5661aa" d="M215.18 154.801h100.377v2.708H215.18z"/><path fill="#5560a9" d="M215.18 157.51h100.377v2.708H215.18z"/><path fill="#545fa8" d="M215.18 160.218h100.377v2.708H215.18z"/><path fill="#535ea7" d="M215.18 162.926h100.377v2.708H215.18z"/><path fill="#525da6" d="M215.18 165.635h100.377v2.708H215.18z"/><path fill="#515ca5" d="M215.18 168.343h100.377v2.708H215.18z"/><path fill="#505ba5" d="M215.18 171.051h100.377v2.708H215.18z"/><path fill="#4f5aa4" d="M215.18 173.76h100.377v2.708H215.18z"/><path fill="#4e59a3" d="M215.18 176.468h100.377v2.708H215.18z"/><path fill="#4d58a2" d="M215.18 179.177h100.377v2.708H215.18z"/><path fill="#4c57a1" d="M215.18 181.885h100.377v2.708H215.18z"/><path fill="#4b56a0" d="M215.18 184.593h100.377v2.708H215.18z"/><path fill="#4a55a0" d="M215.18 187.302h100.377v2.708H215.18z"/><path fill="#49549f" d="M215.18 190.01h100.377v2.708H215.18z"/><path fill="#48539e" d="M215.18 192.718h100.377v2.708H215.18z"/><path fill="#47529d" d="M215.18 195.427h100.377v2.708H215.18zm0 2.708h100.377v.205H215.18z"/></g><path fill="#252960" 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"/><g clip-path="url(#SVGUNzyHdDe)"><rect width="100.377" x="108.111" y="217.747" fill="#4b5399"/><path fill="#4b5399" d="M108.111 217.747h100.377v2.706H108.111z"/><path fill="#4a5298" d="M108.111 220.453h100.377v2.706H108.111z"/><path fill="#4a5297" d="M108.111 223.159h100.377v2.706H108.111z"/><path fill="#495196" d="M108.111 225.865h100.377v2.706H108.111z"/><path fill="#485095" d="M108.111 228.571h100.377v2.706H108.111z"/><path fill="#484f94" d="M108.111 231.277h100.377v2.706H108.111z"/><path fill="#474f93" d="M108.111 233.983h100.377v2.706H108.111z"/><path fill="#464e92" d="M108.111 236.689h100.377v2.706H108.111z"/><path fill="#464d91" d="M108.111 239.395h100.377v2.706H108.111z"/><path fill="#454c90" d="M108.111 242.101h100.377v2.706H108.111z"/><path fill="#444c8f" d="M108.111 244.807h100.377v2.706H108.111z"/><path fill="#444b8e" d="M108.111 247.514h100.377v2.706H108.111z"/><path fill="#434a8d" d="M108.111 250.22h100.377v2.706H108.111z"/><path fill="#42498c" d="M108.111 252.926h100.377v2.706H108.111z"/><path fill="#42498b" d="M108.111 255.632h100.377v2.706H108.111z"/><path fill="#41488a" d="M108.111 258.338h100.377v2.706H108.111z"/><path fill="#404789" d="M108.111 261.044h100.377v2.706H108.111z"/><path fill="#3f4688" d="M108.111 263.75h100.377v2.706H108.111z"/><path fill="#3f4687" d="M108.111 266.456h100.377v2.706H108.111z"/><path fill="#3e4586" d="M108.111 269.162h100.377v2.706H108.111z"/><path fill="#3d4485" d="M108.111 271.868h100.377v2.706H108.111z"/><path fill="#3d4384" d="M108.111 274.574h100.377v2.706H108.111z"/><path fill="#3c4383" d="M108.111 277.28h100.377v2.706H108.111z"/><path fill="#3b4282" d="M108.111 279.986h100.377v2.706H108.111z"/><path fill="#3b4181" d="M108.111 282.693h100.377v2.706H108.111z"/><path fill="#3a4080" d="M108.111 285.399h100.377v2.706H108.111z"/><path fill="#39407f" d="M108.111 288.105h100.377v2.706H108.111z"/><path fill="#393f7e" d="M108.111 290.811h100.377v2.706H108.111z"/><path fill="#383e7d" d="M108.111 293.517h100.377v2.706H108.111z"/><path fill="#373d7b" d="M108.111 296.223h100.377v2.706H108.111z"/><path fill="#373d7a" d="M108.111 298.929h100.377v2.706H108.111z"/><path fill="#363c79" d="M108.111 301.635h100.377v2.706H108.111z"/><path fill="#353b78" d="M108.111 304.341h100.377v2.706H108.111z"/><path fill="#353a77" d="M108.111 307.047h100.377v2.706H108.111z"/><path fill="#343a76" d="M108.111 309.753h100.377v2.706H108.111z"/><path fill="#333975" d="M108.111 312.459h100.377v2.706H108.111z"/><path fill="#333874" d="M108.111 315.166h100.377v2.706H108.111z"/><path fill="#323773" d="M108.111 317.872h100.377v2.706H108.111z"/><path fill="#313772" d="M108.111 320.578h100.377v2.706H108.111z"/><path fill="#313671" d="M108.111 323.284h100.377v2.706H108.111z"/><path fill="#303570" d="M108.111 325.99h100.377v2.706H108.111z"/><path fill="#2f346f" d="M108.111 328.696h100.377v2.706H108.111z"/><path fill="#2f346e" d="M108.111 331.402h100.377v2.706H108.111z"/><path fill="#2e336d" d="M108.111 334.108h100.377v2.706H108.111z"/><path fill="#2d326c" d="M108.111 336.814h100.377v2.706H108.111z"/><path fill="#2c316b" d="M108.111 339.52h100.377v2.706H108.111z"/><path fill="#2c316a" d="M108.111 342.226h100.377v2.706H108.111z"/><path fill="#2b3069" d="M108.111 344.932h100.377v2.706H108.111z"/><path fill="#2a2f68" d="M108.111 347.638h100.377v2.706H108.111z"/><path fill="#2a2e67" d="M108.111 350.345h100.377v2.706H108.111z"/><path fill="#292e66" d="M108.111 353.051h100.377v2.706H108.111z"/><path fill="#282d65" d="M108.111 355.757h100.377v2.706H108.111z"/><path fill="#282c64" d="M108.111 358.463h100.377v2.706H108.111z"/><path fill="#272b63" d="M108.111 361.169h100.377v2.706H108.111z"/><path fill="#262b62" d="M108.111 363.875h100.377v2.706H108.111z"/><path fill="#262a61" d="M108.111 366.581h100.377v2.706H108.111z"/><path fill="#252960" d="M108.111 369.287h100.377v2.706H108.111z"/></g></svg>Cara memakai ikon Buildpacks Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:buildpacks-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:buildpacks-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:buildpacks-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--buildpacks-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:buildpacks-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:buildpacks-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/buildpacks-light.svg" alt="Ikon Buildpacks Light" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Buildpacks Light
Apakah ikon Buildpacks Light gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Buildpacks Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:buildpacks-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Buildpacks Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/buildpacks-light.svg" alt="Ikon Buildpacks Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.