Ícone Anchor
fa-solid:anchor
O ícone Anchor (fa-solid:anchor) é um ícone SVG gratuito da coleção Font Awesome 5 Solid de Dave Gandy. Ele é desenhado em uma grade de 576 × 512. Font Awesome 5 Solid icons são publicados sob a licença CC BY 4.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
- Font Awesome 5 Solid
- Autor
- Dave Gandy
- Licença
- CC-BY-4.0
- Tamanho
- 576 × 512
- Categoria
- Marítimo, Mapas, Verão, Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M12.971 352h32.394C67.172 454.735 181.944 512 288 512c106.229 0 220.853-57.38 242.635-160h32.394c10.691 0 16.045-12.926 8.485-20.485l-67.029-67.029c-4.686-4.686-12.284-4.686-16.971 0l-67.029 67.029c-7.56 7.56-2.206 20.485 8.485 20.485h35.146c-20.29 54.317-84.963 86.588-144.117 94.015V256h52c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12h-52v-5.47c37.281-13.178 63.995-48.725 64-90.518C384.005 43.772 341.605.738 289.37.01C235.723-.739 192 42.525 192 96c0 41.798 26.716 77.35 64 90.53V192h-52c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h52v190.015c-58.936-7.399-123.82-39.679-144.117-94.015h35.146c10.691 0 16.045-12.926 8.485-20.485l-67.029-67.029c-4.686-4.686-12.284-4.686-16.971 0L4.485 331.515C-3.074 339.074 2.28 352 12.971 352M288 64c17.645 0 32 14.355 32 32s-14.355 32-32 32s-32-14.355-32-32s14.355-32 32-32"/></svg>
Como usar o ícone Anchor
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:anchor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:anchor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:anchor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--anchor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:anchor"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:anchor"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fa-solid/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. Font Awesome 5 Solid icons são publicados sob a licença CC BY 4.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="fa-solid: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/fa-solid/anchor.svg" alt="Ícone Anchor">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Font Awesome 5 Solid →
ICONYZ
