ICONYZ
Português (Brasil)
Ícone Location North Line de Framework7 Icons

Ícone Location North Line

f7:location-north-line

O ícone Location North Line (f7:location-north-line) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 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
Framework7 Icons
Autor
Vladimir Kharlampidi
Licença
MIT
Tamanho
56 × 56
Tags
locationnorth, northline, locationnorthline
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M27.683 13.932c1.096 0 1.85-.777 1.85-1.988v-9.98c0-1.21-.754-1.964-1.85-1.964c-1.073 0-1.827.754-1.827 1.964v9.98c0 1.211.754 1.987 1.827 1.987M14.825 56c1.096 0 2.192-.617 3.083-1.462l9.158-8.678c.274-.252.434-.366.617-.366s.366.114.617.366l9.158 8.678c.913.845 2.01 1.462 3.083 1.462c1.576 0 2.74-1.439 2.74-2.969c0-.914-.365-1.919-.844-3.197L30.835 19.892c-.777-1.987-1.827-2.832-3.152-2.832c-1.302 0-2.375.845-3.152 2.832L12.952 49.834c-.502 1.278-.868 2.283-.868 3.197c0 1.53 1.188 2.969 2.741 2.969m1.462-4.979c-.069-.091-.092-.182-.023-.342l11.1-28.457c.068-.183.182-.343.319-.343c.183 0 .274.183.343.343l11.1 28.457c.045.16.045.274-.046.342c-.046.023-.138.091-.252-.046l-9.364-8.473c-.639-.616-1.21-.959-1.781-.959c-.57 0-1.119.343-1.759.96l-9.363 8.472c-.069.069-.206.137-.274.046"/></svg>

Como usar o ícone Location North Line

React

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

<Icon icon="f7:location-north-line" width="24" />

Vue

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

<template>
  <Icon icon="f7:location-north-line" width="24" />
</template>

Svelte

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

<Icon icon="f7:location-north-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--location-north-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:location-north-line"></div>

Web component

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

<iconify-icon icon="f7:location-north-line"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/f7/location-north-line.svg" alt="Ícone Location North Line" width="24" height="24">

Ícones relacionados em Framework7 Icons

Perguntas frequentes sobre Ícone Location North Line

O ícone Location North Line é grátis para uso comercial?

Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Location North Line no React?

Instale @iconify/react e renderize <Icon icon="f7:location-north-line" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Location North Line a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/location-north-line.svg" alt="Ícone Location North Line">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Framework7 Icons →