ICONYZ
Français
Icône Webix Icon de SVG Logos

Icône Webix Icon

logos:webix-icon

L'icône Webix Icon (logos:webix-icon) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 213. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
SVG Logos
Auteur
Gil Barbara
Licence
CC0-1.0
Taille
256 × 213
Mots-clés
webixicon
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="213" viewBox="0 0 256 213"><defs><linearGradient id="SVG2peV4cAA" x1="12.932%" x2="71.216%" y1="9.052%" y2="81.625%"><stop offset="0%" stop-color="#67337a"/><stop offset="100%" stop-color="#723986"/></linearGradient><linearGradient id="SVGv7tbZdvf" x1="91.997%" x2="29.654%" y1="52.448%" y2="52.448%"><stop offset="0%" stop-color="#623274" stop-opacity="0"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGxHkSGopi" x1="91.675%" x2="56.225%" y1="5.599%" y2="79.874%"><stop offset="0%" stop-color="#8a519f"/><stop offset="100%" stop-color="#8a53a0"/></linearGradient><linearGradient id="SVGVpAs1d9W" x1="63.479%" x2="0%" y1="48.225%" y2="48.225%"><stop offset="0%" stop-color="#8a529f" stop-opacity=".1"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGuPAx3bnx" x1="24.699%" x2="80.097%" y1="31.401%" y2="66.964%"><stop offset="0%" stop-color="#5c2e6d"/><stop offset="100%" stop-color="#6d377b"/></linearGradient><linearGradient id="SVGmoOgAe3y" x1="12.346%" x2="81.65%" y1="34.458%" y2="53.652%"><stop offset="0%" stop-color="#612e74"/><stop offset="100%" stop-color="#7f4395"/></linearGradient><linearGradient id="SVGngSTUBVj" x1="100%" x2="100%" y1="0%" y2="69.36%"><stop offset="0%" stop-color="#582c6a"/><stop offset="100%" stop-color="#743983"/></linearGradient><linearGradient id="SVG2fk50Eio" x1="50%" x2="19.624%" y1="74.788%" y2="71.707%"><stop offset="0%" stop-color="#623274" stop-opacity="0"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGKmKZ7FNh" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#723a85"/><stop offset="100%" stop-color="#8c519c"/></linearGradient><linearGradient id="SVG4B6JdPjC" x1="0%" x2="62.291%" y1="35.927%" y2="46.718%"><stop offset="0%" stop-color="#66397a"/><stop offset="100%" stop-color="#9f69ab"/></linearGradient><linearGradient id="SVGmu4SKcSB" x1="72%" x2="0%" y1="48.225%" y2="48.225%"><stop offset="0%" stop-color="#623274" stop-opacity="0"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGK5x6tc5x" x1="50%" x2="50%" y1="21.039%" y2="78.192%"><stop offset="0%" stop-color="#5d306e"/><stop offset="100%" stop-color="#9f6aaa"/></linearGradient><path id="SVGPZLGHeUA" d="M0 .328h256.003v210.939H0z"/></defs><mask id="SVGhtNuoxYK" fill="#fff"><use href="#SVGPZLGHeUA"/></mask><path fill="#5b2e6e" d="M0 139.993V.328l64.102 70.084L128.481.328l63.521 69.721L256.003.328v139.987l-63.282 70.952l-64.24-69.993l-64.241 69.993z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVG2peV4cAA)" d="M32.122 105.798c6.655-7.285 28.07-30.726 32.118-35.16C56.104 61.737 13.276 14.86 0 .329z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGv7tbZdvf)" d="m16.91-2.999l15.038 31.266l.584 85.211H6.644z" mask="url(#SVGhtNuoxYK)" transform="rotate(-17 19.588 55.24)"/><path fill="url(#SVGv7tbZdvf)" d="m29.723 60.734l30.682 10.082l-2.822 40.894l-20.409 2.717z" mask="url(#SVGhtNuoxYK)" transform="rotate(235 45.064 87.58)"/><path fill="url(#SVGxHkSGopi)" d="m191.762 70.318l64.241 69.997V.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGVpAs1d9W)" d="m223.557 50.902l19.757-.491l-5.471 75.975l-20.002 19.315z" mask="url(#SVGhtNuoxYK)" transform="rotate(-46 230.577 98.056)"/><path fill="url(#SVGuPAx3bnx)" d="m192.721 211.267l63.282-70.952l-87.252-95.881z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGmoOgAe3y)" d="m128.481 141.274l64.24 69.993l-23.97-166.833z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGngSTUBVj)" d="m64.24 211.267l64.241-69.993V.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVG2fk50Eio)" d="m64.24 211.267l25.121-27.371l39.12-142.392V.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGKmKZ7FNh)" d="m128.481 141.274l40.27-96.84L128.481.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVG4B6JdPjC)" d="M31.64 105.662c2.2 7.204 32.605 105.605 32.605 105.605L128.48.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGmu4SKcSB)" d="m41.813 102.192l28.953-16.944l-.247 110.832l-25.112 14.748z" mask="url(#SVGhtNuoxYK)" transform="rotate(-17 56.29 148.038)"/><path fill="url(#SVGK5x6tc5x)" d="m0 140.775l64.24 70.492L.003.328z" mask="url(#SVGhtNuoxYK)"/></svg>

Comment utiliser l'icône Webix Icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:webix-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:webix-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:webix-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webix-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webix-icon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:webix-icon"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/logos/webix-icon.svg" alt="Icône Webix Icon" width="24" height="24">

Icônes similaires dans SVG Logos

FAQ : Icône Webix Icon

L'icône Webix Icon est-elle gratuite pour un usage commercial ?

Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Webix Icon dans React ?

Installez @iconify/react et affichez <Icon icon="logos:webix-icon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Webix Icon à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/webix-icon.svg" alt="Icône Webix Icon">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes SVG Logos →