Ícone Geocaching
simple-icons:geocaching
O ícone Geocaching (simple-icons:geocaching) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 11.239h1.918c.151-1.738.841-3.819 2.521-5.498C2.81 4.532 2.484 3.136 2.484 2.36h.652c.068.682.357 1.656 2.247 2.753C7.167 4.067 7.532 3.037 7.631 2.36h.652c0 .721-.317 2.082-1.951 3.38c1.366.89 2.506 2.195 2.928 4.237H7.576c-.294-1.461-1.04-2.616-2.193-3.504c-1.169 1.143-1.774 3.023-1.811 4.766h6.57V1.098H0zM5.383 2.63c.469 0 .85.377.85.842s-.38.841-.85.841a.846.846 0 0 1-.85-.841a.847.847 0 0 1 .85-.842M3.574 12.779h6.567v6.567a7.34 7.34 0 0 1-3.775-1.528L5.195 18.99a9 9 0 0 0 4.946 2.012v1.919H0V12.779h1.919a9 9 0 0 0 2.03 4.968l1.171-1.171a7.33 7.33 0 0 1-1.546-3.797m8.108-11.681h10.142V11.24h-1.919a9 9 0 0 0-2.012-4.947l-1.171 1.171a7.34 7.34 0 0 1 1.528 3.776h-6.568V4.672a7.35 7.35 0 0 1 3.798 1.545l1.171-1.171a9 9 0 0 0-4.968-2.03zm0 11.681h10.142V22.92h-5.988l-1.172-4.736c.473-.572.965-.836 2.137-1.018c2.184-.341 2.576-2.232 2.576-2.232c-1.02.245-1.837.001-2.799-.234c-.949-.231-1.859-.211-2.727.092c-.659.23-.818.445-.818.445l1.907 7.683h-3.257zm11.4-11.7a.894.894 0 0 0-.913.918c0 .521.392.913.913.913A.894.894 0 0 0 24 1.997a.895.895 0 0 0-.918-.918m0 1.679a.74.74 0 0 1-.753-.761c0-.437.319-.764.753-.764c.437 0 .759.327.759.764a.74.74 0 0 1-.759.761m.379-.907c0-.201-.149-.298-.327-.298h-.411v.889h.204v-.309h.084l.259.309h.22v-.04l-.251-.28c.118-.028.222-.122.222-.271m-.335.133h-.199v-.262h.199c.076 0 .133.044.133.131c.001.081-.057.131-.133.131"/></svg>Como usar o ícone Geocaching
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:geocaching" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:geocaching" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:geocaching" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--geocaching]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:geocaching"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:geocaching"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/geocaching.svg" alt="Ícone Geocaching" width="24" height="24">O ícone Geocaching em outras coleções
Perguntas frequentes sobre Ícone Geocaching
O ícone Geocaching é 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 Geocaching no React?
Instale @iconify/react e renderize <Icon icon="simple-icons:geocaching" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Geocaching a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/geocaching.svg" alt="Ícone Geocaching">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.