Иконка Pin List Line Duotone

solar:pin-list-line-duotone

Иконка Pin List Line Duotone (solar:pin-list-line-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Интерфейс
Теги: pinlist, listline, lineduotone, pinlistlineduotone

Скачать SVG

Код 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.6315 8.22382L13.2651 7.85744C11.735 6.32736 10.97 5.56232 10.1406 5.56299C9.86971 5.56321 9.60165 5.61847 9.35273 5.72542C8.59071 6.05283 8.19063 7.05807 7.39047 9.06855L7.33256 9.21406C7.10572 9.78403 6.9923 10.069 6.81015 10.2989C6.67197 10.4733 6.50565 10.6235 6.31804 10.7431C6.07076 10.9009 5.77568 10.9846 5.18554 11.1521C4.27042 11.4118 3.81287 11.5417 3.60981 11.8186C3.4589 12.0244 3.3924 12.2802 3.42392 12.5334C3.46633 12.8742 3.80265 13.2105 4.47529 13.8832L7.60579 17.0137C8.27843 17.6863 8.61475 18.0226 8.95553 18.065C9.20879 18.0966 9.46451 18.03 9.67033 17.8791C9.94727 17.6761 10.0771 17.2185 10.3369 16.3034C10.5044 15.7133 10.5881 15.4182 10.7458 15.1709C10.8655 14.9833 11.0156 14.817 11.19 14.6788C11.4199 14.4967 11.7049 14.3832 12.2749 14.1564L12.4204 14.0985C14.4309 13.2983 15.4361 12.8982 15.7635 12.1362C15.8705 11.8873 15.9257 11.6192 15.926 11.3483C15.9266 10.5189 15.1616 9.7539 13.6315 8.22382Z"/><path stroke-linecap="round" d="M3.34679 18.142L6.04053 15.4482" opacity=".5"/><path stroke-linecap="round" d="M22 8H17" opacity=".5"/><path stroke-linecap="round" d="M22 12.5H18" opacity=".5"/><path stroke-linecap="round" d="M22 17H13" opacity=".5"/></g></svg>

Как использовать иконку Pin List Line Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/pin-list-line-duotone.svg" alt="Иконка Pin List Line Duotone" width="24" height="24">

Вопросы и ответы: Иконка Pin List Line Duotone

Можно ли бесплатно использовать иконку Pin List Line Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Pin List Line Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:pin-list-line-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Pin List Line Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/pin-list-line-duotone.svg" alt="Иконка Pin List Line Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →