Icône Vis Builder
oui:vis-builder
L'icône Vis Builder (oui:vis-builder) est une icône SVG gratuite de la collection OpenSearch UI par OpenSearch Contributors. Elle est dessinée sur une grille de 32 × 33. Les OpenSearch UI icons sont publiées sous la licence Apache 2.0, 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
- OpenSearch UI
- Auteur
- OpenSearch Contributors
- Licence
- Apache-2.0
- Taille
- 32 × 33
- Mots-clés
- visbuilder
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"><path fill="currentColor" fill-rule="evenodd" d="M9 15H5v-1h4zm8-7h-4V7h4zm3 7h-9v-1h9zm8-7h-9V7h9z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M10 9V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-7v4h-1v-7H3v9h9v1H3a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1-6h18v9h-7v-2a1 1 0 0 0-1-1H11z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M19.714 26.286L20.571 28h.858v-.888c0-.34.296-.976.602-1.54c.14-.259.281-.502.398-.696c.154-.257.264-.427.264-.427c.246-.408.45-1.117.45-1.588v-4.046c0-.796-.605-1.445-1.364-1.48l-.065-.002a.73.73 0 0 0-.714.741v.296q0-.152-.029-.296a1.52 1.52 0 0 0-.669-.986a1.46 1.46 0 0 0-.73-.23a.78.78 0 0 0-.715.772v.296q0-.152-.028-.296a1.48 1.48 0 0 0-.676-.981a1.4 1.4 0 0 0-.724-.205a.73.73 0 0 0-.715.741v.296q0-.152-.028-.296a1.48 1.48 0 0 0-.674-.98a1.4 1.4 0 0 0-.726-.205a.73.73 0 0 0-.715.74v4.149h-.857v-2.667a1.67 1.67 0 0 0-1 .334A1.8 1.8 0 0 0 12 20v3.089c0 .478.307 1.084.686 1.365c0 0 2.743 1.956 2.743 2.658V28h3.428zm-.857-5.143v3.428h.857v-3.428zm-.857 0h-.857v3.428H18zm2.572 0v3.428h.857v-3.428zm-8.467 4.126l-.008-.006l-.008-.006a2.74 2.74 0 0 1-.781-.962A2.74 2.74 0 0 1 11 23.089V20c0-1.453 1.109-2.698 2.571-2.774v-.485c0-.927.734-1.741 1.715-1.741c.59 0 1.12.21 1.533.556q.283-.11.61-.112c.584 0 1.11.207 1.522.547q.256-.106.54-.13l.06-.006l.06.003c.572.023 1.091.24 1.499.585c.186-.07.39-.11.604-.11c1.376 0 2.429 1.146 2.429 2.482v4.046c0 .358-.074.75-.17 1.091a4.3 4.3 0 0 1-.425 1.015l-.007.012m-.008.012l-.002.003l-.01.015l-.036.058a18 18 0 0 0-.547.93a9 9 0 0 0-.39.79c-.076.18-.104.282-.114.32q-.006.029-.005.005V29h-2.476l-.239-.478l-.239.478H14.43v-1.724a2 2 0 0 0-.168-.202a9 9 0 0 0-.847-.789a23 23 0 0 0-1.283-.997l-.02-.015l-.006-.004m2.372 2.082l-.008-.014z" clip-rule="evenodd"/></svg>
Comment utiliser l'icône Vis Builder
React
import { Icon } from "@iconify/react";
<Icon icon="oui:vis-builder" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="oui:vis-builder" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="oui:vis-builder" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--vis-builder]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:vis-builder"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="oui:vis-builder"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/oui/vis-builder.svg" alt="Icône Vis Builder" width="24" height="24">
Icônes similaires dans OpenSearch UI
FAQ : Icône Vis Builder
L'icône Vis Builder est-elle gratuite pour un usage commercial ?
Oui. Les OpenSearch UI icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Vis Builder dans React ?
Installez @iconify/react et affichez <Icon icon="oui:vis-builder" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Vis Builder à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/oui/vis-builder.svg" alt="Icône Vis Builder">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes OpenSearch UI →
