ICONYZ
Português (Brasil)
Ícone Pin List Linear de Solar

Ícone Pin List Linear

solar:pin-list-linear

O ícone Pin List Linear (solar:pin-list-linear) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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
Solar
Autor
480 Design
Licença
CC-BY-4.0
Tamanho
24 × 24
Categoria
Interface
Tags
pinlist, listlinear, pinlistlinear
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M13.6318 8.22382L13.2654 7.85744C11.7353 6.32736 10.9703 5.56232 10.1409 5.56299C9.86995 5.56321 9.60189 5.61847 9.35297 5.72542C8.59095 6.05283 8.19087 7.05807 7.39072 9.06855L7.33281 9.21406C7.10596 9.78403 6.99254 10.069 6.8104 10.2989C6.67221 10.4733 6.50589 10.6235 6.31829 10.7431C6.071 10.9009 5.77593 10.9846 5.18578 11.1521C4.27067 11.4118 3.81311 11.5417 3.61005 11.8186C3.45915 12.0244 3.39264 12.2802 3.42416 12.5334C3.46657 12.8742 3.80289 13.2105 4.47554 13.8832L7.60603 17.0137C8.27867 17.6863 8.61499 18.0226 8.95577 18.065C9.20903 18.0966 9.46475 18.03 9.67057 17.8791C9.94751 17.6761 10.0774 17.2185 10.3371 16.3034C10.5046 15.7133 10.5883 15.4182 10.7461 15.1709C10.8657 14.9833 11.0159 14.817 11.1903 14.6788C11.4202 14.4967 11.7052 14.3832 12.2751 14.1564L12.4206 14.0985C14.4311 13.2983 15.4364 12.8982 15.7638 12.1362C15.8707 11.8873 15.926 11.6192 15.9262 11.3483C15.9269 10.5189 15.1618 9.7539 13.6318 8.22382Z"/><path stroke-linecap="round" d="M3.34679 18.142L6.04053 15.4482"/><path stroke-linecap="round" d="M22 8H17"/><path stroke-linecap="round" d="M22 12.5H18"/><path stroke-linecap="round" d="M22 17H13"/></g></svg>

Como usar o ícone Pin List Linear

React

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

<Icon icon="solar:pin-list-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:pin-list-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:pin-list-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--pin-list-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:pin-list-linear"></div>

Web component

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

<iconify-icon icon="solar:pin-list-linear"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/pin-list-linear.svg" alt="Ícone Pin List Linear" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Pin List Linear

O ícone Pin List Linear é grátis para uso comercial?

Sim. Solar 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 Pin List Linear no React?

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

Como adiciono o ícone Pin List Linear a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/pin-list-linear.svg" alt="Ícone Pin List Linear">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →