Ícone Civo

simple-icons:civo

O ícone Civo (simple-icons:civo) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple 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: Simple Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
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="currentColor" d="M9.229 7.985h-.993c-.183 0-.303.14-.303.318v7.393c0 .177.12.318.303.318h.993a.32.32 0 0 0 .323-.318V8.303a.317.317 0 0 0-.323-.318m-3.1 5.838a.32.32 0 0 0-.507-.104a2.34 2.34 0 0 1-1.604.635c-1.627 0-2.868-1.65-2.141-3.368a2.13 2.13 0 0 1 1.13-1.128c.992-.42 1.958-.18 2.599.408a.32.32 0 0 0 .507-.103l.43-.943a.35.35 0 0 0-.111-.428C5.425 8.03 4.05 7.732 2.617 8.22a3.84 3.84 0 0 0-2.412 2.478c-.874 2.772 1.172 5.32 3.813 5.32c.92 0 1.764-.31 2.44-.831a.35.35 0 0 0 .101-.42zm17.666-3.125a3.84 3.84 0 0 0-2.412-2.478a4.2 4.2 0 0 0-2.329-.13c-1.2.269-2.07.838-2.834 2.479l-1.534 3.326l-2.603-5.722a.32.32 0 0 0-.29-.187l-1.138-.002a.32.32 0 0 0-.292.453l3.376 7.382a.32.32 0 0 0 .291.19l.056.005h1.276a.2.2 0 0 0 .076-.013a.34.34 0 0 0 .2-.18l1.71-3.893c.515-1.213.827-1.718 1.643-2.065a2.53 2.53 0 0 1 2.054.026c.492.222.878.629 1.084 1.128a2.7 2.7 0 0 1 .206.95a2.354 2.354 0 0 1-2.353 2.387a2.34 2.34 0 0 1-1.604-.635a.32.32 0 0 0-.507.104l-.43.944a.35.35 0 0 0 .1.42c.677.52 1.522.831 2.44.831c2.642 0 4.688-2.548 3.814-5.32"/></svg>

Como usar o ícone Civo

React

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

<Icon icon="simple-icons:civo" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:civo" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:civo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--civo]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:civo"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/civo.svg" alt="Ícone Civo" width="24" height="24">

O ícone Civo em outras coleções

Perguntas frequentes sobre Ícone Civo

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

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

Como uso o ícone Civo no React?

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

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

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

Ver todos os Simple Icons →