Ícone Compas
flat-ui:compas
O ícone Compas (flat-ui:compas) é um ícone SVG gratuito da coleção Flat UI Icons de Designmodo, Inc.. Ele é desenhado em uma grade de 112 × 111. Flat UI 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
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licença
- MIT
- Tamanho
- 112 × 111
- Tags
- compa
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="112" height="111" viewBox="0 0 112 111"><circle cx="50" cy="61" r="50" fill="#3498DA"/><path fill="#27AE60" fill-rule="evenodd" d="M15.511 97.184C5.961 88.076 0 75.239 0 61.002C0 33.387 22.386 11 50.001 11c14.395 0 27.359 6.091 36.482 15.826z" clip-rule="evenodd"/><path fill="#95A5A6" fill-rule="evenodd" d="M84.489 24.816C94.039 33.924 100 46.761 100 60.998c0 13.668-5.484 26.055-14.372 35.08c-14.109-14.109-9.155-9.144-36.401-36.304z" clip-rule="evenodd"/><path fill="#F1C40F" d="M88.062 93.404L55.488 60.832l32.418-32.417a50 50 0 0 0-5.053-5.088L12.326 93.854a50 50 0 0 0 5.089 5.053L49.832 66.49l32.573 32.572a50 50 0 0 0 5.657-5.658"/><path fill-rule="evenodd" d="M104.287 36.302c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.205c10.024 13.692 8.892 33.002-3.48 45.374c-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.223c-4.146-7.426-3.082-16.979 3.23-23.292c7.618-7.617 19.969-7.617 27.588 0c7.616 7.618 7.616 19.97-.001 27.589m-3.557-24.021c-5.659-5.665-14.835-5.665-20.494 0c-5.659 5.664-5.659 14.849 0 20.514s14.835 5.664 20.494 0c5.66-5.665 5.66-14.85 0-20.514" clip-rule="evenodd" opacity=".05"/><path fill="#E74C3C" fill-rule="evenodd" d="M106.287 33.356c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.206c10.024 13.692 8.892 33.001-3.48 45.374c-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.222c-4.146-7.426-3.082-16.98 3.23-23.292c7.618-7.617 19.969-7.617 27.588 0c7.616 7.617 7.616 19.969-.001 27.587m-3.557-24.02c-5.659-5.665-14.835-5.665-20.494 0c-5.659 5.664-5.659 14.849 0 20.514s14.835 5.664 20.494 0c5.66-5.665 5.66-14.85 0-20.514" clip-rule="evenodd"/><circle cx="50" cy="61" r="27" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="50.5" cy="43.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="50.5" cy="78.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="32.5" cy="60.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="68.5" cy="60.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><path fill-rule="evenodd" d="M50 34c-7.965 0-15.122 3.45-20.064 8.936A26.9 26.9 0 0 1 48 36c14.912 0 27 12.088 27 27a26.9 26.9 0 0 1-6.936 18.064C73.55 76.122 77 68.965 77 61c0-14.912-12.088-27-27-27" clip-rule="evenodd" opacity=".15"/><path fill="#34495E" d="M65.141 44.533L53.31 64.696L33.312 76.362z"/><path fill="#306DAB" d="m33.312 76.362l11.831-20.163l19.998-11.667z"/><path fill="#C0392B" fill-rule="evenodd" d="m78.807 24.561l8.021 8.021c1.952 1.954 1.403 4.252-.354 6.01s-4.058 2.307-6.01.354l-8.021-8.021c-1.953-1.952-1.404-4.253.354-6.01c1.758-1.758 4.057-2.307 6.01-.354" clip-rule="evenodd"/></svg>Como usar o ícone Compas
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:compas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:compas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:compas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--compas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:compas"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:compas"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/compas.svg" alt="Ícone Compas" width="24" height="24">Perguntas frequentes sobre Ícone Compas
O ícone Compas é grátis para uso comercial?
Sim. Flat UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Compas no React?
Instale @iconify/react e renderize <Icon icon="flat-ui:compas" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Compas a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/flat-ui/compas.svg" alt="Ícone Compas">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.