k3s logo

k3s from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
k3s
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

k3s-wordmark

The same logo in other sets

k3sSimple Icons

Use the k3s logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc519" d="M114.434 11.875H13.547C6.074 11.898.023 17.949 0 25.422v77.719c.023 7.472 6.074 13.523 13.547 13.546h100.887c7.472-.023 13.523-6.074 13.546-13.546V25.42c-.023-7.472-6.074-13.523-13.546-13.546zM54.078 88.094l-24.621 14.308a6.59 6.59 0 0 1-9.008-2.386a6.59 6.59 0 0 1 2.387-9.008l24.621-14.309a6.587 6.587 0 0 1 9.012 2.383a6.593 6.593 0 0 1-2.39 9.012zm9.688-21.801h-.032a6.59 6.59 0 0 1-6.558-6.617l.125-28.364a6.587 6.587 0 0 1 6.586-6.562h.031a6.59 6.59 0 0 1 6.559 6.617l-.125 28.367a6.59 6.59 0 0 1-6.586 6.559m43.562 33.703a6.585 6.585 0 0 1-9 2.41L73.672 88.172a6.589 6.589 0 1 1 6.59-11.41l24.656 14.234a6.586 6.586 0 0 1 2.41 9m0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconK3s(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc519" d="M114.434 11.875H13.547C6.074 11.898.023 17.949 0 25.422v77.719c.023 7.472 6.074 13.523 13.547 13.546h100.887c7.472-.023 13.523-6.074 13.546-13.546V25.42c-.023-7.472-6.074-13.523-13.546-13.546zM54.078 88.094l-24.621 14.308a6.59 6.59 0 0 1-9.008-2.386a6.59 6.59 0 0 1 2.387-9.008l24.621-14.309a6.587 6.587 0 0 1 9.012 2.383a6.593 6.593 0 0 1-2.39 9.012zm9.688-21.801h-.032a6.59 6.59 0 0 1-6.558-6.617l.125-28.364a6.587 6.587 0 0 1 6.586-6.562h.031a6.59 6.59 0 0 1 6.559 6.617l-.125 28.367a6.59 6.59 0 0 1-6.586 6.559m43.562 33.703a6.585 6.585 0 0 1-9 2.41L73.672 88.172a6.589 6.589 0 1 1 6.59-11.41l24.656 14.234a6.586 6.586 0 0 1 2.41 9m0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffc519" d="M114.434 11.875H13.547C6.074 11.898.023 17.949 0 25.422v77.719c.023 7.472 6.074 13.523 13.547 13.546h100.887c7.472-.023 13.523-6.074 13.546-13.546V25.42c-.023-7.472-6.074-13.523-13.546-13.546zM54.078 88.094l-24.621 14.308a6.59 6.59 0 0 1-9.008-2.386a6.59 6.59 0 0 1 2.387-9.008l24.621-14.309a6.587 6.587 0 0 1 9.012 2.383a6.593 6.593 0 0 1-2.39 9.012zm9.688-21.801h-.032a6.59 6.59 0 0 1-6.558-6.617l.125-28.364a6.587 6.587 0 0 1 6.586-6.562h.031a6.59 6.59 0 0 1 6.559 6.617l-.125 28.367a6.59 6.59 0 0 1-6.586 6.559m43.562 33.703a6.585 6.585 0 0 1-9 2.41L73.672 88.172a6.589 6.589 0 1 1 6.59-11.41l24.656 14.234a6.586 6.586 0 0 1 2.41 9m0 0"/></svg>
</template>

CSS

.icon-k3s {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffc519%22%20d%3D%22M114.434%2011.875H13.547C6.074%2011.898.023%2017.949%200%2025.422v77.719c.023%207.472%206.074%2013.523%2013.547%2013.546h100.887c7.472-.023%2013.523-6.074%2013.546-13.546V25.42c-.023-7.472-6.074-13.523-13.546-13.546zM54.078%2088.094l-24.621%2014.308a6.59%206.59%200%200%201-9.008-2.386a6.59%206.59%200%200%201%202.387-9.008l24.621-14.309a6.587%206.587%200%200%201%209.012%202.383a6.593%206.593%200%200%201-2.39%209.012zm9.688-21.801h-.032a6.59%206.59%200%200%201-6.558-6.617l.125-28.364a6.587%206.587%200%200%201%206.586-6.562h.031a6.59%206.59%200%200%201%206.559%206.617l-.125%2028.367a6.59%206.59%200%200%201-6.586%206.559m43.562%2033.703a6.585%206.585%200%200%201-9%202.41L73.672%2088.172a6.589%206.589%200%201%201%206.59-11.41l24.656%2014.234a6.586%206.586%200%200%201%202.41%209m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffc519%22%20d%3D%22M114.434%2011.875H13.547C6.074%2011.898.023%2017.949%200%2025.422v77.719c.023%207.472%206.074%2013.523%2013.547%2013.546h100.887c7.472-.023%2013.523-6.074%2013.546-13.546V25.42c-.023-7.472-6.074-13.523-13.546-13.546zM54.078%2088.094l-24.621%2014.308a6.59%206.59%200%200%201-9.008-2.386a6.59%206.59%200%200%201%202.387-9.008l24.621-14.309a6.587%206.587%200%200%201%209.012%202.383a6.593%206.593%200%200%201-2.39%209.012zm9.688-21.801h-.032a6.59%206.59%200%200%201-6.558-6.617l.125-28.364a6.587%206.587%200%200%201%206.586-6.562h.031a6.59%206.59%200%200%201%206.559%206.617l-.125%2028.367a6.59%206.59%200%200%201-6.586%206.559m43.562%2033.703a6.585%206.585%200%200%201-9%202.41L73.672%2088.172a6.589%206.589%200%201%201%206.59-11.41l24.656%2014.234a6.586%206.586%200%200%201%202.41%209m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/k3s.svg?color=%231a73e8&size=48