Ícone Adobe Xd
cib:adobe-xd
O ícone Adobe Xd (cib:adobe-xd) é um ícone SVG gratuito da coleção CoreUI Brands de creativeLabs Łukasz Holeczek. Ele é desenhado em uma grade de 32 × 32. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- CoreUI Brands
- Autor
- creativeLabs Łukasz Holeczek
- Licença
- CC0-1.0
- Tamanho
- 32 × 32
- Tags
- adobexd
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/cib/adobe-xd.svg" alt="Ícone Adobe Xd" width="24" height="24">
Ícones relacionados em CoreUI Brands
O ícone Adobe Xd em outras coleções
Perguntas frequentes sobre Ícone Adobe Xd
O ícone Adobe Xd é grátis para uso comercial?
Sim. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Adobe Xd no React?
Instale @iconify/react e renderize <Icon icon="cib:adobe-xd" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Adobe Xd a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cib/adobe-xd.svg" alt="Ícone Adobe Xd">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones CoreUI Brands →
ICONYZ
