Иконка The Lampster
cbi:the-lampster
Иконка The Lampster (cbi:the-lampster) — бесплатная SVG-иконка из набора Custom Brand Icons от Emanuele & rchiileea. Она нарисована на сетке 24 × 24. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Custom Brand Icons
- Автор
- Emanuele & rchiileea
- Лицензия
- CC-BY-NC-SA-4.0
- Размер
- 24 × 24
- Теги
- thelampster
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.989 11.539c-.082.33-.255.602-.298.887v.15c0 5.206-4.34 9.424-9.692 9.424s-9.692-4.219-9.692-9.423v-.15c-.042-.286-.216-.558-.298-.888a1 1 0 0 1 .006-.301c.6-2.691 1.268-5.436 1.444-6.087c.41-1.228 2.034-2.929 3.875-3.064C9.539 2.032 11.317 2 11.999 2s2.46.032 4.666.087c1.84.135 3.464 1.836 3.874 3.064c.176.651.843 3.396 1.444 6.087a.9.9 0 0 1 .006.3m-.755-.387c-.302-1.488-.67-3.13-1.094-4.88l-.027-.113c-.048-.194-.097-.395-.15-.593l-.006-.02a3 3 0 0 0-.266-.55l-.002-.003a5 5 0 0 0-1.237-1.334a4.2 4.2 0 0 0-1.675-.76l-.14-.022l-.012-.002l-.145-.015l-.018-.002c-.754-.023-1.55-.04-2.302-.049c-.835-.007-1.576-.01-2.266-.01c-1.559 0-2.94.018-4.22.055h-.002l-.046.002l-.095.003l-.013.001l-.143.015l-.01.001c-.991.143-1.955.726-2.715 1.64q0 .002-.002.003c-.295.365-.49.695-.61 1.036l-.006.021c-.457 1.814-1.26 5.536-1.268 5.573a.24.24 0 0 0 .467.113l.374-1.414c.365-1.388.78-2.96 1.095-4.069c.425-1.04 1.82-1.95 2.992-1.953h.004c1.143-.02 2.429-.03 4.045-.03c.812 0 1.624.002 2.41.004h.002c.712.005 1.497.015 2.272.03l.108.01l.113.016c1.041.19 1.932.743 2.444 1.52c.077.118.164.285.204.393c.091.315.218.772.376 1.36c.247.918.865 3.248 1.097 4.132a.24.24 0 0 0 .467-.109m-9.22-6.244a7.6 7.6 0 1 0 0 15.2a7.6 7.6 0 0 0 0-15.2m0 14.5a6.85 6.85 0 0 1-4.879-2.021c-1.303-1.304-2.021-3.036-2.021-4.88s.718-3.575 2.021-4.878c1.303-1.304 3.036-2.021 4.879-2.021s3.576.717 4.879 2.02c1.303 1.304 2.021 3.037 2.021 4.88s-.718 3.575-2.021 4.879a6.86 6.86 0 0 1-4.879 2.02m0-.7a6.16 6.16 0 0 0 4.384-1.816c1.171-1.171 1.816-2.728 1.816-4.384s-.645-3.213-1.816-4.384c-1.17-1.171-2.728-1.816-4.384-1.816s-3.213.645-4.384 1.816a6.16 6.16 0 0 0-1.816 4.384A6.16 6.16 0 0 0 7.63 16.89a6.16 6.16 0 0 0 4.384 1.816m-.354 1.818a.5.5 0 1 0 .707.707a.5.5 0 0 0-.707-.707m7.475-11.721a.5.5 0 1 0 .259-.966a.5.5 0 0 0-.259.966M5.246 8.192a.5.5 0 1 0-.966.26a.5.5 0 0 0 .966-.26"/></svg>Как использовать иконку The Lampster
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:the-lampster" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:the-lampster" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:the-lampster" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--the-lampster]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:the-lampster"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:the-lampster"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cbi/the-lampster.svg" alt="Иконка The Lampster" width="24" height="24">Похожие иконки в наборе Custom Brand Icons
Вопросы и ответы: Иконка The Lampster
Можно ли бесплатно использовать иконку The Lampster в коммерческих проектах?
Нет. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора.
Как использовать иконку The Lampster в React?
Установите @iconify/react и выведите <Icon icon="cbi:the-lampster" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку The Lampster на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cbi/the-lampster.svg" alt="Иконка The Lampster">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.