Иконка Pin List Bold

solar:pin-list-bold

Иконка Pin List Bold (solar:pin-list-bold) — бесплатная 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, listbold, pinlistbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M22 8.37688C22 8.78086 21.6668 9.10836 21.2557 9.10836H16.2937C15.8826 9.10836 15.5494 8.78086 15.5494 8.37688C15.5494 7.97289 15.8826 7.64539 16.2937 7.64539H21.2557C21.6668 7.64539 22 7.97289 22 8.37688Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M22 12.7658C22 13.1698 21.6668 13.4973 21.2557 13.4973H17.2861C16.875 13.4973 16.5418 13.1698 16.5418 12.7658C16.5418 12.3618 16.875 12.0343 17.2861 12.0343H21.2557C21.6668 12.0343 22 12.3618 22 12.7658Z" clip-rule="evenodd"/><path d="M12.5872 8.23781L12.9508 8.59515C14.4693 10.0875 15.2285 10.8336 15.2278 11.6425C15.2276 11.9068 15.1728 12.1682 15.0666 12.411C14.7417 13.1542 13.7441 13.5444 11.7489 14.3248L11.6045 14.3813C11.0389 14.6025 10.7561 14.7132 10.5279 14.8908C10.3548 15.0256 10.2058 15.1878 10.0871 15.3708C9.93056 15.6119 9.84745 15.8997 9.68123 16.4753C9.42348 17.3678 9.2946 17.8141 9.01976 18.0121C8.81551 18.1593 8.56173 18.2242 8.3104 18.1934C7.97221 18.1521 7.63845 17.8241 6.97092 17.168L5.94386 16.1586L3.2706 18.7858C2.97993 19.0714 2.50867 19.0714 2.218 18.7858C1.92733 18.5001 1.92733 18.0369 2.218 17.7513L4.88125 15.1143L3.86422 14.1148C3.1967 13.4588 2.86293 13.1307 2.82084 12.7984C2.78956 12.5514 2.85556 12.302 3.00532 12.1012C3.20683 11.8311 3.66091 11.7045 4.56907 11.4511C5.15473 11.2878 5.44756 11.2061 5.69297 11.0523C5.87915 10.9356 6.0442 10.7891 6.18133 10.619C6.36209 10.3948 6.47465 10.1168 6.69977 9.56094L6.75724 9.41903C7.55132 7.45818 7.94835 6.47775 8.70458 6.15843C8.95161 6.05411 9.21763 6.00021 9.4865 6C10.3096 5.99934 11.0688 6.7455 12.5872 8.23781Z"/><path fill-rule="evenodd" d="M22 17.1547C22 17.5587 21.6668 17.8862 21.2557 17.8862H12.3241C11.9131 17.8862 11.5798 17.5587 11.5798 17.1547C11.5798 16.7507 11.9131 16.4232 12.3241 16.4232H21.2557C21.6668 16.4232 22 16.7507 22 17.1547Z" clip-rule="evenodd"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →