Иконка Listing Lab

selfhst:listing-lab

Иконка Listing Lab (selfhst:listing-lab) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512
Теги: listinglab

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2ab8a6" d="m491.3 333.6l-69.8-46.5c-15.7-10.5-36-10.5-51.7 0L300 333.6c-13 8.7-20.7 23.1-20.7 38.7v93.1c0 25.7 20.9 46.5 46.5 46.5h139.6c25.7 0 46.5-20.9 46.5-46.5v-93.1c.1-15.5-7.7-30-20.6-38.7m-25.8 131.9H419V419c0-12.9-10.4-23.3-23.3-23.3s-23.3 10.4-23.3 23.3v46.5h-46.5v-93.1l69.8-46.5l69.8 46.5z"/><path fill="#3b3caf" d="M209.5 512c-10 0-19.9-3.3-27.9-9.3C126.1 454.9 0 332.8 0 209.5C0 94 94 0 209.5 0s209.4 94 209.4 209.5c0 12.9-10.4 23.3-23.3 23.3s-23.3-10.4-23.3-23.3c0-89.8-73.1-162.9-162.9-162.9S46.5 119.7 46.5 209.5c0 107 125.6 223.7 164.1 257c12.9 0 22.7 9.9 22.7 22.8c0 12.7-11 22.7-23.8 22.7"/><path fill="#2a2ab8" d="M209.5 302.5c-51.3 0-93.1-41.8-93.1-93.1s41.8-93.1 93.1-93.1s93.1 41.8 93.1 93.1s-41.8 93.1-93.1 93.1m0-139.6c-25.7 0-46.5 20.9-46.5 46.5s20.9 46.5 46.5 46.5S256 235 256 209.4s-20.9-46.5-46.5-46.5"/></svg>

Как использовать иконку Listing Lab

React

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

<Icon icon="selfhst:listing-lab" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:listing-lab" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:listing-lab" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--listing-lab]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:listing-lab"></div>

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

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

<iconify-icon icon="selfhst:listing-lab"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/selfhst/listing-lab.svg" alt="Иконка Listing Lab" width="24" height="24">

Вопросы и ответы: Иконка Listing Lab

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

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

Как использовать иконку Listing Lab в React?

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

Как добавить иконку Listing Lab на веб-страницу?

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

Все selfh.st/icons →