Qdrant Light icon
thesvg-color:qdrant-light
The Qdrant Light icon (thesvg-color:qdrant-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 57 × 64 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
- 57 × 64
- Tags
- qdrantlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="64" viewBox="0 0 57 64"><g fill="none"><g clip-path="url(#SVGpD4sbbib)"><path fill="#dc244c" d="M28.335 0L.62 16v32l27.714 16l10.392-6V46l-10.392 6l-17.32-10V22l17.32-10l17.32 10v40l10.393-6V16z"/><path fill="#dc244c" d="M17.943 26v12l10.392 6l10.392-6V26l-10.392-6z"/><path fill="#bd0c3e" d="M38.727 46v12l-10.392 6V52zm17.321-30v40l-10.393 6V22z"/><path fill="#ff516b" d="m56.048 16l-10.393 6l-17.32-10l-17.32 10L.62 16L28.335 0z"/><path fill="#dc244c" d="M28.335 52v12L.62 48V16l10.394 6v20z"/><path fill="#ff516b" d="m38.727 26l-10.392 6l-10.392-6l10.392-6z"/><path fill="#dc244c" d="M28.335 32v12l-10.392-6V26z"/><path fill="#bd0c3e" d="M38.727 26v12l-10.392 6V32z"/></g><defs><clipPath id="SVGpD4sbbib"><path fill="#fff" d="M.332 0h56v64h-56z"/></clipPath></defs></g></svg>How to use the Qdrant Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:qdrant-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:qdrant-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:qdrant-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--qdrant-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:qdrant-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:qdrant-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/qdrant-light.svg" alt="Qdrant Light icon" width="24" height="24">Related icons in theSVG Color
Qdrant Light icon in other icon sets
Qdrant Light icon FAQ
Is the Qdrant Light 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 Qdrant Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:qdrant-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Qdrant Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/qdrant-light.svg" alt="Qdrant Light icon">, or paste the SVG code inline to style it with CSS.