Icône Adobe Xd
cib:adobe-xd
L'icône Adobe Xd (cib:adobe-xd) est une icône SVG gratuite de la collection CoreUI Brands par creativeLabs Łukasz Holeczek. Elle est dessinée sur une grille de 32 × 32. Les CoreUI Brands icons sont publiées sous la licence CC0 1.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
- CoreUI Brands
- Auteur
- creativeLabs Łukasz Holeczek
- Licence
- CC0-1.0
- Taille
- 32 × 32
- Mots-clés
- adobexd
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M26.333.401H5.666A5.66 5.66 0 0 0-.001 6.068v19.864a5.66 5.66 0 0 0 5.667 5.667h20.667A5.66 5.66 0 0 0 32 25.932V6.068A5.66 5.66 0 0 0 26.333.401m4.318 25.011a4.825 4.825 0 0 1-4.823 4.853H6.172a4.846 4.846 0 0 1-4.839-4.839V6.573a4.846 4.846 0 0 1 4.839-4.839h19.64a4.84 4.84 0 0 1 4.839 4.839zM12.651 15l3.735 7.172c.068.109.027.213-.079.213h-2.323c-.145 0-.213-.036-.276-.172c-.853-1.76-1.724-3.52-2.615-5.411h-.025a211 211 0 0 1-2.537 5.427c-.061.104-.129.145-.239.145H6.093c-.135 0-.145-.109-.077-.187l3.651-6.959l-3.531-7.041c-.084-.109 0-.188.077-.188h2.292c.135 0 .188.027.24.145a273 273 0 0 1 2.495 5.349h.025c.776-1.76 1.631-3.588 2.453-5.333c.068-.109.109-.177.24-.177h2.145c.109 0 .151.084.084.188zm4.39 2.172c0-3.104 2.063-5.532 5.344-5.532c.281 0 .427 0 .693.027V8.136c0-.084.067-.136.135-.136h2.104c.109 0 .136.041.136.104v12.245c0 .359 0 .812.068 1.301c0 .084-.027.109-.109.152a8 8 0 0 1-3.412.771c-2.896.015-4.959-1.771-4.959-5.401m6.038-3.412a2.1 2.1 0 0 0-.772-.135c-1.681 0-2.853 1.296-2.853 3.443c0 2.453 1.197 3.437 2.708 3.437c.317 0 .667-.036.917-.145z"/></svg>
Comment utiliser l'icône Adobe Xd
React
import { Icon } from "@iconify/react";
<Icon icon="cib:adobe-xd" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:adobe-xd" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:adobe-xd" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--adobe-xd]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:adobe-xd"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:adobe-xd"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/cib/adobe-xd.svg" alt="Icône Adobe Xd" width="24" height="24">
Icônes similaires dans CoreUI Brands
L'icône Adobe Xd dans d'autres collections
FAQ : Icône Adobe Xd
L'icône Adobe Xd est-elle gratuite pour un usage commercial ?
Oui. Les CoreUI Brands icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Adobe Xd dans React ?
Installez @iconify/react et affichez <Icon icon="cib:adobe-xd" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Adobe Xd à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cib/adobe-xd.svg" alt="Icône Adobe Xd">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes CoreUI Brands →
ICONYZ
