Иконка Qdrant Icon

logos:qdrant-icon

Иконка Qdrant Icon (logos:qdrant-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 296. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 296
Теги: qdranticon

Скачать SVG

Код SVG

<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>

Как использовать иконку Qdrant 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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/logos/qdrant-icon.svg" alt="Иконка Qdrant Icon" width="24" height="24">

Вопросы и ответы: Иконка Qdrant Icon

Можно ли бесплатно использовать иконку Qdrant Icon в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Qdrant Icon в React?

Установите @iconify/react и выведите <Icon icon="logos:qdrant-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Qdrant Icon на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/qdrant-icon.svg" alt="Иконка Qdrant Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →