Иконка Lightstep
logos:lightstep
Иконка Lightstep (logos:lightstep) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 117. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 117
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="117" viewBox="0 0 512 117"><path fill="#039c49" d="M77.141 76.743c10.421 0 18.869-8.447 18.869-18.868s-8.448-18.869-18.87-18.869s-18.868 8.448-18.868 18.869S66.72 76.743 77.14 76.743"/><path fill="#121c21" d="M71.732.263L10.724 32.968c-.629.378-1.132 1.007-1.258 1.636L.032 76.744c-.126.628.126 1.131.629 1.383l79.75 37.61c.63.252 1.384.252 2.14 0l50.944-23.144c.755-.378 1.258-1.007 1.384-1.761L153.747 6.3c.126-.63-.251-1.384-1.006-1.51h-.252L72.864.137c-.251-.251-.754-.126-1.132.126m9.309 112.204L8.334 78.253h25.913l60.756 8.68zM98.274 87.31l29.938 4.277l-43.02 19.624zM36.763 75.485l23.02-45.284l70.945-8.176l-34.09 62.014zm96.103-56.731l-71.574 8.302L73.493 3.03l74.468 4.403zm-75.096 8.68l-38.995 4.528l50.442-26.92zm-45.536 8.302l43.9-5.032l-22.642 44.53H3.428zm120.003 53.46l-32.454-4.654l34.844-63.272l15.347-11.447zm69.813-22.265h20.755v9.812h-32.83V24.792h12.075zm27.298 9.812h11.32V39.132h-11.32zm5.66-55.725c-3.775 0-6.92 3.145-6.92 6.919s3.145 6.918 6.92 6.918c3.773 0 6.918-3.145 6.918-6.918s-3.145-6.919-6.918-6.919m41.133 17.988h10.565v34.34c0 12.58-7.42 20.379-19.37 20.379c-10.945 0-18.493-5.913-18.618-15.221l11.322-.377c.126 3.648 3.143 6.54 6.918 6.415h.125c5.41 0 8.428-3.522 8.428-9.812v-5.912c-1.635 3.145-5.158 5.66-10.44 5.66c-10.188 0-17.988-7.547-17.988-18.365c0-10.314 7.548-18.365 18.365-18.365c4.78 0 9.308 2.767 10.945 6.415v-5.157zm-.125 17.36c0-4.907-4.027-8.932-8.933-8.932s-8.93 4.025-8.93 8.931s4.025 8.931 8.93 8.931c4.906 0 8.933-4.025 8.933-8.93M315.89 38.25a11.18 11.18 0 0 0-10.692 7.045V24.792h-11.323v51.95H305.2V55.989c0-5.284 2.515-8.428 6.792-8.428c4.278 0 6.668 2.893 6.668 7.799v21.384h11.32V53.598c0-9.183-5.66-15.221-14.088-15.347m34.968-8.05h-11.195v8.93h-6.29v8.932h6.29v14.466c0 9.56 5.787 14.214 13.335 14.214h5.533l-.125-9.56h-2.515c-3.398 0-5.033-1.761-5.033-5.158V47.937h7.925v-8.931h-7.925zm66.04 0h-11.194v8.93h-6.29v8.932h6.29v14.466c0 9.56 5.785 14.214 13.332 14.214h5.535l-.125-9.56h-2.517c-3.395 0-5.03-1.761-5.03-5.158V47.937h7.925v-8.931H416.9zm95.097 27.673c0 11.573-7.42 19.624-18.113 19.624c-4.403.125-8.428-2.013-10.945-5.66v18.868h-11.32V39.132h11.32v5.283c1.888-3.648 6.417-6.038 10.945-6.038c10.818 0 18.113 7.925 18.113 19.497m-11.446 0c0-6.037-3.774-10.314-9.057-10.314s-9.183 4.277-9.183 10.314c0 6.038 3.773 10.19 9.183 10.19c5.408 0 9.057-4.026 9.057-10.19m-33.837-.377c0 1.132-.128 2.39-.253 3.522h-26.415v.126c.125 4.528 3.773 8.05 8.302 8.05q5.659 0 7.548-4.528l9.56 1.761c-1.637 6.793-8.43 11.447-17.235 11.447c-11.445 0-19.623-8.176-19.623-19.875s7.925-20 19.246-20c11.07 0 18.87 7.925 18.87 19.497m-11.195-3.522v-.503c-.253-4.151-3.648-7.296-7.8-7.044h-.126c-4.152 0-7.547 3.396-7.547 7.547zm-71.953-.629l-5.03-.755c-2.266-.377-3.523-1.51-3.523-3.144c0-2.139 2.012-3.774 4.78-3.774c3.018-.126 5.66 2.138 5.912 5.157l10.188-.251c-.377-7.548-6.792-12.83-16.1-12.83c-9.31 0-15.598 5.408-15.598 12.956c0 6.54 3.773 10.44 11.95 11.698l5.03.755c3.27.503 4.908 1.383 4.908 3.647c0 2.265-2.14 3.397-5.41 3.397c-3.9 0-6.415-2.013-6.668-5.158l-10.44.252c.253 7.548 7.295 12.83 17.108 12.83c9.812 0 16.353-5.157 16.353-12.704c0-6.541-4.655-10.818-13.46-12.076"/></svg>Как использовать иконку Lightstep
React
import { Icon } from "@iconify/react";
<Icon icon="logos:lightstep" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:lightstep" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:lightstep" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--lightstep]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:lightstep"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:lightstep"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/lightstep.svg" alt="Иконка Lightstep" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Lightstep
Можно ли бесплатно использовать иконку Lightstep в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Lightstep в React?
Установите @iconify/react и выведите <Icon icon="logos:lightstep" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Lightstep на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/lightstep.svg" alt="Иконка Lightstep">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.