Ícone Confluence
devicon:confluence
O ícone Confluence (devicon:confluence) é um ícone SVG gratuito da coleção Devicon de konpa. Ele é desenhado em uma grade de 128 × 128. Devicon icons são publicados sob a licença MIT, 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
- Devicon
- Autor
- konpa
- Licença
- MIT
- Tamanho
- 128 × 128
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGuL2X0cCO" x1="26.791" x2="11.792" y1="28.467" y2="19.855" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGY0i8lcxc" x1="5.209" x2="20.208" y1="2.523" y2="11.136" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="url(#SVGuL2X0cCO)" d="M4.655 96.303a332 332 0 0 0-4.062 6.577c-1.156 1.933-.578 4.448 1.354 5.61l26.484 16.25c1.934 1.16 4.443.577 5.604-1.355a186 186 0 0 1 3.866-6.579c10.442-17.213 21.071-15.28 40.014-6.186l26.293 12.374c2.124.97 4.447 0 5.41-1.933l12.569-28.43c.963-1.938 0-4.448-1.939-5.418c-5.604-2.516-16.618-7.74-26.285-12.573c-35.76-17.219-66.114-16.057-89.306 21.663Zm0 0"/><path fill="url(#SVGY0i8lcxc)" d="M123.343 31.697a332 332 0 0 0 4.063-6.577c1.16-1.933.577-4.448-1.355-5.61L99.567 3.26c-1.933-1.16-4.443-.577-5.604 1.355a178 178 0 0 1-3.865 6.579c-10.443 17.213-21.072 15.28-40.015 6.186L23.79 5.006c-2.124-.97-4.441 0-5.41 1.933L5.816 35.369c-.968 1.938 0 4.454 1.933 5.418c5.604 2.516 16.624 7.74 26.285 12.573c35.767 17.027 66.115 16.056 89.307-21.663zm0 0"/></svg>
Como usar o ícone Confluence
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:confluence" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:confluence" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:confluence" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--confluence]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:confluence"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:confluence"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/devicon/confluence.svg" alt="Ícone Confluence" width="24" height="24">
Ícones relacionados em Devicon
O ícone Confluence em outras coleções
Perguntas frequentes sobre Ícone Confluence
O ícone Confluence é grátis para uso comercial?
Sim. Devicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Confluence no React?
Instale @iconify/react e renderize <Icon icon="devicon:confluence" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Confluence a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/devicon/confluence.svg" alt="Ícone Confluence">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Devicon →
ICONYZ
