ICONYZ
Português (Brasil)
Ícone Csharp de Catppuccin Icons

Ícone Csharp

catppuccin:csharp

O ícone Csharp (catppuccin:csharp) é um ícone SVG gratuito da coleção Catppuccin Icons de Catppuccin. Ele é desenhado em uma grade de 24 × 24. Catppuccin 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
Catppuccin Icons
Autor
Catppuccin
Licença
MIT
Tamanho
24 × 24
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#8aadf4" d="M6.666 1.01a1 1 0 0 1 .822 1.15L7.18 3.999h2.972l.36-2.165a1 1 0 0 1 1.971.328l-.303 1.837H14a.999.999 0 1 1 0 2h-2.153l-.666 4H13a.999.999 0 1 1 0 2h-2.153l-.36 2.166a1 1 0 0 1-1.971-.328l.306-1.834H5.847l-.36 2.165a1 1 0 0 1-1.971-.328L3.819 12H2a.999.999 0 1 1 0-2h2.153l.666-4H3a.999.999 0 1 1 0-2h2.153l.36-2.166a1 1 0 0 1 1.15-.822Zm.18 4.988l-.665 4h2.972l.666-4Z"/></svg>

Como usar o ícone Csharp

React

import { Icon } from "@iconify/react";

<Icon icon="catppuccin:csharp" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="catppuccin:csharp" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="catppuccin:csharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[catppuccin--csharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/catppuccin -->
<div class="i-catppuccin:csharp"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="catppuccin:csharp"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/catppuccin/csharp.svg" alt="Ícone Csharp" width="24" height="24">

O ícone Csharp em outras coleções

Perguntas frequentes sobre Ícone Csharp

O ícone Csharp é grátis para uso comercial?

Sim. Catppuccin Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Csharp no React?

Instale @iconify/react e renderize <Icon icon="catppuccin:csharp" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Csharp a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/catppuccin/csharp.svg" alt="Ícone Csharp">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Catppuccin Icons →