Ícone Clarity
devicon:clarity
O ícone Clarity (devicon:clarity) é 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#13171a" d="M86.987 0H41.013C18.437 0 .136 18.34.136 40.964v46.072C.136 109.659 18.438 128 41.013 128h45.974c22.576 0 40.877-18.34 40.877-40.964V40.964C127.864 18.34 109.563 0 86.987 0"/><path fill="#7e858b" d="M38.497 31.809a18.27 18.27 0 0 1 13.24-4.71v6.07a11.17 11.17 0 0 0-8.573 3.317a15.98 15.98 0 0 0-2.913 10.382v34.13a15.98 15.98 0 0 0 2.913 10.383a11.08 11.08 0 0 0 8.771 3.616v5.937a18.27 18.27 0 0 1-13.24-4.744a19.5 19.5 0 0 1-4.865-14.627V46.437a19.6 19.6 0 0 1 4.667-14.628"/><path fill="#f7f8f9" d="M59.714 31.809a18.35 18.35 0 0 1 13.239-4.71v6.07a11.23 11.23 0 0 0-8.606 3.317a15.98 15.98 0 0 0-2.88 10.382v34.13a15.98 15.98 0 0 0 2.88 10.383a11.15 11.15 0 0 0 8.772 3.615v5.938a18.34 18.34 0 0 1-13.406-4.744a19.5 19.5 0 0 1-3.918-6.815a19.5 19.5 0 0 1-.914-7.812V46.437a19.57 19.57 0 0 1 4.832-14.628z"/><path fill="#7e858b" d="M80.997 31.809a18.38 18.38 0 0 1 13.239-4.71v6.07a11.27 11.27 0 0 0-8.638 3.317A15.98 15.98 0 0 0 82.883 47v33.998c-.27 3.69.748 7.36 2.88 10.382a11.19 11.19 0 0 0 8.77 3.615v5.938a18.4 18.4 0 0 1-13.238-4.744a19.67 19.67 0 0 1-5.03-14.627V46.434a19.7 19.7 0 0 1 4.732-14.627z"/></svg>Como usar o ícone Clarity
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:clarity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:clarity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:clarity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--clarity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:clarity"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:clarity"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/devicon/clarity.svg" alt="Ícone Clarity" width="24" height="24">Ícones relacionados em Devicon
O ícone Clarity em outras coleções
Perguntas frequentes sobre Ícone Clarity
O ícone Clarity é 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 Clarity no React?
Instale @iconify/react e renderize <Icon icon="devicon:clarity" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Clarity a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/devicon/clarity.svg" alt="Ícone Clarity">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.