Ícone Anchor

simple-line-icons:anchor

O ícone Anchor (simple-line-icons:anchor) é um ícone SVG gratuito da coleção Simple line icons de Sabbir Ahmed. Ele é desenhado em uma grade de 1024 × 1024. Simple line 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: Simple line icons
Autor: Sabbir Ahmed
Licença: MIT
Tamanho: 1024 × 1024

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1021.02 731.408L938.734 580.11c-.128-.208-.096-.4-.224-.593l-5.872-10.143c-3.28-5.617-8.432-9.233-14.192-10.593c-5.696-1.408-11.985-.544-17.408 2.975l-9.84 6.336c-.193.113-.305.288-.497.416l-145.6 98.32c-10.88 7.008-14.416 21.68-7.936 32.913l6.544 7.2c6.48 11.184 21.265 11.647 32.161 4.64l87.04-59.184c-20.608 166-154.736 293.392-318.96 308.176v-641.6h128.048c17.664 0 32-14.336 32-32s-14.336-32-32-32h-129.44c-.24-.832-.448-1.664-.768-2.464c57.103-13.28 99.695-64.368 99.695-125.536c0-71.248-57.744-129.008-129.008-129.008c-71.248 0-128.992 57.744-128.992 129.008c0 60.817 42.112 111.664 98.736 125.28c-.336.88-.576 1.808-.848 2.72H351.997c-17.665 0-32 14.336-32 32s14.335 32 32 32H479.98v641.584c-164.176-14.784-298.16-142.128-318.816-308.112l86.944 59.12c10.88 7.008 25.664 6.544 32.144-4.64l6.56-7.2c6.48-11.216 2.944-25.903-7.951-32.911l-145.6-98.32c-.193-.144-.305-.32-.48-.415l-9.857-6.336a22.16 22.16 0 0 0-17.408-2.976c-5.744 1.36-10.912 4.992-14.193 10.592l-5.872 10.16c-.112.193-.096.385-.209.593L2.971 731.408c-6.496 11.168-2.945 25.872 7.952 32.896l9.12 3.424c10.88 6.992 24.256.64 30.752-10.543l47.904-88.975c29.376 204.72 205.104 357.823 413.28 357.823c208.063 0 383.92-153.088 413.36-357.712l47.84 88.864c6.496 11.184 19.888 17.535 30.768 10.543l9.12-3.424c10.896-7.024 14.448-21.728 7.952-32.896zM447.506 126.975c0-35.84 29.153-65.01 64.993-65.01s65.008 29.153 65.008 65.009s-29.152 65.009-65.009 65.009c-35.824-.016-64.992-29.168-64.992-65.008"/></svg>

Como usar o ícone Anchor

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="simple-line-icons:anchor"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-line-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. Simple line icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Anchor no React?

Instale @iconify/react e renderize <Icon icon="simple-line-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/simple-line-icons/anchor.svg" alt="Ícone Anchor">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Simple line icons →