Ícone Anchor
game-icons:anchor
O ícone Anchor (game-icons:anchor) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Game Icons
- Autor
- GameIcons
- Licença
- CC-BY-3.0
- Tamanho
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M90.53 23c-18.345 0-36.688 7.002-50.686 21c-27.996 27.996-27.994 73.38 0 101.375c21.776 21.776 54.08 26.603 80.53 14.5l53.69 53.688c-21.425 19.696-44 38.257-67.44 55.937l30.126 30.125c18.734-22.545 37.953-44.474 57.844-65.53l169.594 169.593c-51.845 40.444-120.866 53.838-192.813 42.562L173 424.906L72.47 404.47l95.405 88.405l1.97-26c86.593 36.97 177.603 34.61 241.343-11.75l63.062 21.313l-21.47-63.594c44.61-63.62 46.408-153.412 9.908-238.875l26.03-1.97l-88.406-95.375l20.438 100.53l21.344-1.624c11.278 71.983-2.168 141.017-42.656 192.876l-169.782-169.75c21.075-20.34 42.93-39.665 65.78-57.72l-30.123-30.124c-17.015 24.154-35.673 46.66-55.688 67.813l-53.97-53.97C167.834 98.183 163.032 65.814 141.22 44c-14-13.998-32.343-21-50.69-21m0 27.03c11.434.002 22.872 4.34 31.595 13.064c17.447 17.447 17.446 45.742 0 63.187c-17.446 17.447-45.71 17.447-63.156 0c-17.447-17.444-17.448-45.74 0-63.186C67.69 54.37 79.097 50.03 90.53 50.03"/></svg>
Como usar o ícone Anchor
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:anchor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:anchor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:anchor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--anchor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:anchor"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:anchor"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/anchor.svg" alt="Ícone Anchor" width="24" height="24">
O ícone Anchor em outras coleções
Perguntas frequentes sobre Ícone Anchor
O ícone Anchor é grátis para uso comercial?
Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Anchor no React?
Instale @iconify/react e renderize <Icon icon="game-icons:anchor" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Anchor a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/anchor.svg" alt="Ícone Anchor">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Game Icons →
ICONYZ
