Buildkite icon
logos:buildkite
The Buildkite icon (logos:buildkite) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 91 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 91
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="91" viewBox="0 0 512 91"><path d="M488.238 21.627c14.362 0 22.966 9.172 22.966 24.103c0 1.75-.184 3.693-.184 3.877h-33.258c.28 6.127 5.478 10.59 11.719 10.59c5.864 0 9.076-2.932 10.59-7.089l10.476 3.133c-2.363 8.035-9.741 14.748-21.18 14.748c-12.76 0-24.007-9.173-24.007-24.856c0-14.88 10.966-24.506 22.878-24.506m-262.433 1.435v26.825c0 5.199 2.626 9.365 8.507 9.365c5.575 0 8.752-3.78 8.752-9.172V23.062h12.568V61.16c.006 2.81.164 5.618.473 8.41h-11.99a31.5 31.5 0 0 1-.377-5.014c-2.555 4.376-7.947 6.24-12.857 6.24c-11.255 0-17.679-8.218-17.679-18.38V23.063zm128.77-21.924l.01 60.022c0 3.116.192 6.52.375 8.41h-11.999a32 32 0 0 1-.472-5.39c-2.083 3.693-6.81 6.529-13.05 6.529c-13.233 0-22.685-10.398-22.685-24.506c0-13.61 9.172-24.288 22.309-24.288c8.034 0 11.815 3.309 13.128 5.76V1.137zm98.086 8.034v13.89h9.364V34.22h-9.364v19.465c0 4.07 1.89 5.39 5.487 5.39a18 18 0 0 0 3.877-.375v10.44a18.7 18.7 0 0 1-7.098 1.139c-9.067 0-14.738-5.392-14.738-14.371V34.22h-6.083V23.06c4.91 0 7.177-3.211 7.177-7.368v-6.52zM185.134 2.556c13.04 0 20.41 7.649 20.41 18.047c0 6.905-4.157 12.48-9.732 14.37c6.52 1.61 11.815 7.562 11.815 15.877c0 10.87-8.13 18.72-20.699 18.72H161.04V2.557zm93.184 20.506V69.57h-12.56V23.06zm22.694-21.924V69.57h-12.568V1.138zm75.566 0v39.227l16.07-17.303H409.1l-18.624 19.57l19 26.939h-15.403L381.82 51.795l-5.252 5.488v12.253H364.01V1.138zm50.412 21.924V69.57h-12.576V23.06zm-96.037 10.117c-6.424 0-11.5 4.727-11.5 13.041s4.884 13.233 11.5 13.233c6.424 0 11.44-4.91 11.44-13.32s-5.016-12.954-11.44-12.954M184.67 41.021h-10.79v17.68h10.59c6.336 0 10.117-3.309 10.117-8.7s-3.404-8.98-9.916-8.98m293.354 0h20.795c-.184-4.63-3.212-9.163-10.397-9.163a10.065 10.065 0 0 0-10.398 9.163M183.068 13.513h-9.19v16.734h9.27c5.95 0 9.548-3.308 9.548-8.41s-3.309-8.324-9.628-8.324M271.998 0a7.755 7.755 0 1 1-7.753 7.877A7.746 7.746 0 0 1 271.999 0m148.656 0a7.755 7.755 0 1 1-7.754 7.877A7.746 7.746 0 0 1 420.654 0"/><path fill="#30f2a2" d="m0 3.43l43.761 21.443v43.76L0 47.191zm87.959 0l43.323 21.443l-43.323 22.318z"/><path fill="#14cc80" d="M87.959 3.43L43.761 24.873v43.76l44.198-21.442zm43.323 21.443L87.959 47.191v43.76l43.323-22.318z"/></svg>How to use the Buildkite icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:buildkite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:buildkite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:buildkite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--buildkite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:buildkite"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:buildkite"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/buildkite.svg" alt="Buildkite icon" width="24" height="24">Related icons in SVG Logos
Buildkite icon in other icon sets
Buildkite icon FAQ
Is the Buildkite icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Buildkite icon in React?
Install @iconify/react and render <Icon icon="logos:buildkite" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Buildkite icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/buildkite.svg" alt="Buildkite icon">, or paste the SVG code inline to style it with CSS.