Kserve Dark icon
thesvg-color:kserve-dark
The Kserve Dark icon (thesvg-color:kserve-dark) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 256 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
- 256 × 256
- Tags
- kservedark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#fff" d="M128 11.457a4.5 4.5 0 0 0-1.934.44L34.08 56.1a4.47 4.47 0 0 0-2.42 3.034L8.89 159.155a4.47 4.47 0 0 0 .855 3.765l63.406 79.93a4.47 4.47 0 0 0 3.498 1.69h102.7a4.47 4.47 0 0 0 3.498-1.69l63.406-79.93a4.47 4.47 0 0 0 .855-3.765l-22.773-100.02a4.47 4.47 0 0 0-2.418-3.034l-91.984-44.205a4.5 4.5 0 0 0-1.933-.439m18.199 60.74c11.979.14 23.981 4.96 32.225 13.742c7.623 8.334 12.379 18.995 14.598 30.002c.315 1.421.474 3.274 1.973 3.965c3.979.767 7.92 2.032 11.369 4.207c5.826 3.529 9.75 9.533 11.945 15.87c4.024 10.57 2.044 23.083-4.793 32.048c-4.868 6.558-12.59 11.097-20.811 11.498c-18.174.032-36.35-.002-54.525.01c-19.893.178-39.792-.715-59.68.029c-4.512.23-9.057.464-13.547-.178c-7.08-.912-14.018-3.837-19.15-8.879c-5.71-5.462-8.85-13.15-9.813-20.898c-1.009-6.916.054-14.165 3.299-20.379a39 39 0 0 1 9.36-11.504c2.72-2.292 5.863-4.104 9.304-5.054c2.072-.445 4.167-1.43 5.309-3.301c1.021-2.105 1.717-4.359 2.771-6.455c2.717-5.836 7.615-10.562 13.46-13.227c5.634-2.677 12.282-3.54 18.278-1.592c2.417.631 4.452 2.157 6.764 3.045c.97.555 2.114.03 2.764-.772c1.659-2.356 3.314-4.73 5.263-6.861c7.92-8.846 19.3-14.77 31.242-15.281v-.002a46 46 0 0 1 2.395-.033m-.271 9.373c-2.978-.01-5.9.414-8.752 1.299c-6.065 2.053-11.438 5.831-15.938 10.338a41.2 41.2 0 0 0-10.957 18.842c-.586 2.283-.81 2.613-1.967 1.414c-2.737-2.986-4.845-6.557-7.944-9.219c-2.173-1.876-5.015-3.145-7.777-3.478c-4.72-.48-9.451 1.516-12.906 4.664c-3.588 3.145-5.385 7.842-6.004 12.459c-.347 1.667-.117 3.412-.605 5.05c-.376 1.466-2.036 1.988-3.39 1.9c-2.352-.19-4.81-.397-7.114.224c-4.69 1.33-8.693 4.815-11.381 8.89c-4.045 6.172-5.477 13.99-4.112 21.256c.886 4.524 2.838 8.974 6.227 12.221c.606.896 1.88.749 2.635.14c15.188-12.826 30.277-25.773 45.408-38.673l18.139 15.299l26.324-22.46l-10.713-9.284q15.386.948 30.773 1.9c.617 8.79 1.237 17.581 1.851 26.371l-11.375-9.857l-37.424 31.934l-19.236-16.225c-5.957 5.095-11.907 10.198-17.869 15.287c-4.543 3.904-9.146 7.75-13.674 11.668c.697.38 1.56.366 2.373.431c5.184.079 10.371.014 15.557.037c35.006.006 70.016-.015 105.02-.048c3.407.091 6.795-1.17 9.477-3.17c4.805-3.522 7.688-9.198 8.56-15.012c1.094-7.104-.48-14.823-5.187-20.39c-2.61-3.268-6.504-5.402-10.629-6.007c-2.51-.498-5.07-.074-7.597-.305c-1.392.045-2.62-1.036-2.9-2.371c-.262-1.997-.164-4.06-.345-6.047c-.644-9.149-3.983-18.095-9.707-25.305c-6.318-8.265-16.419-13.627-26.844-13.77v-.003z"/></svg>How to use the Kserve Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kserve-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kserve-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kserve-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kserve-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kserve-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kserve-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/kserve-dark.svg" alt="Kserve Dark icon" width="24" height="24">Related icons in theSVG Color
Kserve Dark icon FAQ
Is the Kserve Dark 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 Kserve Dark icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:kserve-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kserve Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/kserve-dark.svg" alt="Kserve Dark icon">, or paste the SVG code inline to style it with CSS.