Kubernetes icon
thesvg-color:kubernetes
The Kubernetes icon (thesvg-color:kubernetes) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 723 × 702 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 723 × 702
- Tags
- kubernete
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="723" height="702" viewBox="0 0 723 702"><path fill="#326ce5" d="M359 10a47 46 0 0 0-18 4L97 131a47 46 0 0 0-25 32L12 425a47 46 0 0 0 6 35a47 46 0 0 0 3 4l169 210a47 46 0 0 0 36 18h271a47 46 0 0 0 37-18l169-210a47 46 0 0 0 9-39l-60-263a47 46 0 0 0-26-31L382 14a47 46 0 0 0-23-4"/><path fill="#fff" stroke="#fff" stroke-width=".25" d="M362 99c-8 0-15 7-15 16v4l2 14l2 27c-1 3-3 6-5 7v7a190 190 0 0 0-122 58l-6-3c-2 0-5 1-8-1l-20-18l-10-10l-3-3c-3-2-7-4-10-4c-5 0-9 2-12 5c-5 7-3 16 4 22l3 3l12 7l22 15c2 2 3 7 3 8l5 5c-26 37-37 84-30 131l-6 2c-2 2-4 6-7 7l-26 4l-14 1l-4 1c-9 2-14 10-13 18c2 8 11 12 19 11h1v-1h4l13-5c9-4 17-7 25-8l9 3l6-1c15 45 45 82 84 105l-2 7c1 2 2 5 1 8l-13 24l-8 11l-2 4c-4 8-1 18 6 21c8 4 17 0 20-8l2-4l5-13c3-10 6-20 11-27l6-3l3-6a189 189 0 0 0 135 1l4 5c2 1 5 2 7 5l10 24l4 14l2 4c4 8 13 11 20 8c8-4 10-13 7-21l-2-4l-8-12c-6-8-10-15-13-23c-1-4 0-6 1-8l-2-6c40-24 70-62 84-106l6 1c2-2 4-4 8-3c8 1 16 4 26 7l13 5l4 1c9 2 17-3 19-10c2-8-4-16-12-18l-5-1l-14-1c-10-1-18-2-26-5c-3-1-5-5-6-6l-6-2a189 189 0 0 0-31-131l6-5c0-3 0-5 2-8c6-6 13-10 22-16l12-7l4-2c7-6 8-16 3-22s-15-7-22-1l-3 2l-10 11c-7 7-13 13-19 17c-3 2-7 2-9 1l-6 4c-31-33-75-54-121-58v-7c-2-2-5-3-5-7c-1-8 0-16 1-27l2-14v-4c0-9-6-16-14-16zm-19 113l-4 77a13 13 0 0 1-21 10l-63-44a151 151 0 0 1 88-43zm37 0c33 5 64 20 88 43l-63 44a13 13 0 0 1-21-10zm-148 71l58 52a13 13 0 0 1-5 22l-74 22c-4-35 4-68 21-96zm259 0a153 153 0 0 1 22 95l-74-21a13 13 0 0 1-5-22h-1zm-141 56h23l15 18l-5 23l-21 10l-21-10l-6-23zm75 62h3l77 13c-12 32-33 59-61 77l-30-72a13 13 0 0 1 11-18zm-128 1a13 13 0 0 1 12 18l-29 71c-27-18-49-44-61-77l76-12zm64 31c2-1 4 0 6 1c3 1 5 3 6 5l38 68a154 154 0 0 1-98-1l37-67c3-4 7-6 11-6z" color="#000"/></svg>
How to use the Kubernetes icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kubernetes" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kubernetes" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kubernetes" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kubernetes]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kubernetes"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kubernetes"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/kubernetes.svg" alt="Kubernetes icon" width="24" height="24">
Kubernetes icon in other icon sets
Kubernetes icon FAQ
Is the Kubernetes icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Kubernetes icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:kubernetes" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kubernetes icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/kubernetes.svg" alt="Kubernetes icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
