Иконка Elasticpath
logos:elasticpath
Иконка Elasticpath (logos:elasticpath) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 119. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 119
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="119" viewBox="0 0 512 119"><path fill="#0e151f" d="M88.36 26.147h36.824v10.151H99.407v14.877h24.9v10.152h-24.9v17.677h26.653v10.151h-37.7zm55.4 63.008h-10.52V26.147h10.52zm43.285-40.683c1.315 2.45 2.016 5.426 2.016 10.589v19.165c0 1.925.79 2.8 2.28 2.8c.614 0 1.052 0 1.666-.088v8.84c-.702.175-2.806.437-3.946.437c-5.26 0-9.03-2.538-10.258-7.439l-.263-1.05c-2.98 5.164-7.277 8.49-13.852 8.49c-8.944 0-14.817-4.99-14.817-12.866s5.085-11.9 15.43-14.001l9.119-1.838c2.805-.525 4.12-1.663 4.12-4.375c0-4.289-3.068-6.914-8.153-6.914c-5.26 0-8.154 2.363-8.856 6.213l-10.433-.7c.965-8.226 8.154-14.964 19.727-14.964c7.715 0 13.59 2.8 16.22 7.7M178.54 68.95v-2.188l-.419.253c-.86.491-1.923.91-4.403 1.585l-6.224 1.662c-5.261 1.4-7.19 3.676-7.19 6.476c0 3.063 2.455 4.638 6.4 4.638c5.612 0 11.836-3.85 11.836-12.426m35.348 21.265c-10.52 0-15.957-4.988-18.675-11.114l8.593-5.6c2.016 4.462 5.085 7.263 10.258 7.263c3.858 0 5.524-2.013 5.524-4.113c0-2.013-1.491-3.588-5.173-5.338l-7.628-3.588c-6.576-3.064-9.732-7.351-9.732-13.127c0-7.264 6.312-13.827 14.992-13.827c8.154 0 12.801 4.2 15.431 8.488l-7.978 6.126c-1.666-2.625-3.945-5.163-7.54-5.163c-2.982 0-4.998 1.663-4.998 3.85c0 1.75 1.052 3.151 3.507 4.289l8.066 3.675c7.365 3.326 11.135 7.614 11.135 14.44c0 8.226-6.663 13.74-15.782 13.74m35.772-38.943v37.893h-10.521V51.272h-8.768v-9.451h8.768v-9.626l10.52-1.75V41.82h8.768v9.451zm17.584-25.996c3.683 0 6.138 2.45 6.138 6.125c0 3.676-2.455 6.126-6.138 6.126s-6.137-2.45-6.137-6.126c0-3.675 2.455-6.125 6.137-6.125m5.261 63.883h-10.52V41.815h10.52zm5.82-23.622c0-14.352 10.96-24.766 24.637-24.766c11.222 0 17.622 5.426 20.866 12.514l-8.856 5.163c-2.542-4.725-6.223-7.876-11.92-7.876c-8.156 0-14.03 6.388-14.03 14.965c0 8.488 5.874 14.877 14.03 14.877c6.137 0 9.818-3.238 12.185-8.927l9.468 4.026c-2.893 8.576-9.994 14.702-21.743 14.702c-13.94 0-24.637-10.414-24.637-24.678m83.904-.535v24.153h-11.047V26.147h24.02c13.768 0 21.571 7.963 21.571 19.428s-7.803 19.427-22.448 19.427zm0-28.704v18.553h12.096c6.929 0 10.7-3.676 10.7-9.276c0-5.601-3.685-9.277-10.173-9.277zm57.18 4.473c7.716 0 13.588 2.8 16.22 7.7c1.314 2.451 2.016 5.427 2.016 10.59v19.165c0 1.925.788 2.8 2.28 2.8c.613 0 1.054 0 1.666-.088v8.84c-.702.175-2.807.437-3.946.437c-5.26 0-9.03-2.538-10.259-7.439l-.261-1.05c-2.98 5.164-7.277 8.49-13.854 8.49c-8.942 0-14.815-4.99-14.815-12.866s5.085-11.9 15.43-14.001l9.117-1.838c2.807-.525 4.122-1.663 4.122-4.375c0-4.289-3.07-6.914-8.154-6.914c-5.26 0-8.154 2.363-8.855 6.213l-10.435-.7c.967-8.226 8.154-14.964 19.727-14.964m40.726-10.326V41.82h8.766v9.451h-8.766v37.893H449.61V51.272h-8.766v-9.451h8.766v-9.626zm-33.01 38.505v-2.188l-.42.253c-.86.491-1.924.91-4.404 1.585l-6.223 1.662c-5.26 1.4-7.19 3.676-7.19 6.476c0 3.063 2.456 4.638 6.402 4.638c5.608 0 11.835-3.85 11.835-12.426m84.173-17.425c.616 2.538.702 4.639.702 9.014v28.616h-10.52V62.99c0-2.888-.09-4.375-.351-5.95c-.878-4.201-3.51-6.564-8.068-6.564c-4.91 0-8.153 2.713-9.379 6.826l-.13.472c-.281 1.059-.533 2.414-.567 5.238l-.004 26.144h-10.52V26.147h10.52V49.25c2.628-4.638 7.276-8.489 13.94-8.489c7.803 0 12.798 4.551 14.377 10.764"/><path fill="#2bcc7e" d="m19.677 0l21.955 21.969l-21.955 21.969h31.049v31.068H19.734a41.6 41.6 0 0 0 .358-29.946l-.453-1.16a41.3 41.3 0 0 0-9.062-13.626L0 19.69zM.106 99.345l19.571 19.601l21.955-21.969l-21.915-21.928a41.3 41.3 0 0 1-9.14 13.818z"/></svg>Как использовать иконку Elasticpath
React
import { Icon } from "@iconify/react";
<Icon icon="logos:elasticpath" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:elasticpath" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:elasticpath" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--elasticpath]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:elasticpath"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:elasticpath"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/elasticpath.svg" alt="Иконка Elasticpath" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Elasticpath
Можно ли бесплатно использовать иконку Elasticpath в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Elasticpath в React?
Установите @iconify/react и выведите <Icon icon="logos:elasticpath" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Elasticpath на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/elasticpath.svg" alt="Иконка Elasticpath">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.