Qdrant Icon icon
logos:qdrant-icon
The Qdrant Icon icon (logos:qdrant-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 296 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
- 256 × 296
- Tags
- qdranticon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="296" viewBox="0 0 256 296"><defs><linearGradient id="SVGAzz3ndTH" x1="81.562%" x2="-18.086%" y1="44.842%" y2="44.842%"><stop offset="0%" stop-color="#ff3364"/><stop offset="100%" stop-color="#c91540" stop-opacity="0"/></linearGradient></defs><path fill="#24386c" d="m201.317 271.722l-5.894-162.509l-10.675-42.845L256 73.911v196.582l-43.525 25.12z"/><path fill="#7589be" d="M255.995 73.9L212.47 99.037l-89.82-19.702L17.516 122.14L0 73.9l63.988-36.95L127.996 0l63.99 36.95z"/><path fill="#b2bfe8" d="m.003 73.9l43.525 25.137l25.231 75.037l85.19 68.162l-25.948 53.363l-64.008-36.952l-63.99-36.95V73.898"/><path fill="#24386c" d="m156.857 202.807l-28.856 42.54v50.256l40.946-23.625l21.097-31.503"/><path fill="#7589be" d="m128.019 195.107l-40.963-70.922l8.823-23.507l33.542-16.262l39.525 39.77z"/><path fill="#b2bfe8" d="m87.056 124.179l40.945 23.625v47.288l-37.869 1.629l-22.907-29.25z"/><path fill="#24386c" d="m128.001 147.8l40.946-23.623l27.866 46.4l-33.722 27.862l-35.09-3.35z"/><path fill="#dc244c" d="m168.947 271.975l43.525 23.626V99.04l-42.245-24.38L128 50.276L85.756 74.658L43.53 99.04v97.542l42.226 24.381l42.245 24.383l40.946-23.646zm0-100.531L128 195.088l-40.945-23.644v-47.269L128 100.531l40.946 23.644z"/><path fill="url(#SVGAzz3ndTH)" d="M128.019 245.363v-50.264l-40.733-23.442v50.18z"/></svg>How to use the Qdrant Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:qdrant-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:qdrant-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:qdrant-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--qdrant-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:qdrant-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:qdrant-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/qdrant-icon.svg" alt="Qdrant Icon icon" width="24" height="24">Related icons in SVG Logos
Qdrant Icon icon FAQ
Is the Qdrant Icon 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 Qdrant Icon icon in React?
Install @iconify/react and render <Icon icon="logos:qdrant-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Qdrant Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/qdrant-icon.svg" alt="Qdrant Icon icon">, or paste the SVG code inline to style it with CSS.