Иконка Cline
logos:cline
Иконка Cline (logos:cline) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 128. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 128
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="128" viewBox="0 0 512 128"><path fill="#18181b" d="m121.271 71.993l-7.657-15.376v-8.854c0-14.678-11.78-26.565-26.31-26.565H74.218a14.7 14.7 0 0 0 1.467-6.44C75.685 6.6 69.12 0 61.01 0S46.333 6.6 46.333 14.757c0 2.309.521 4.495 1.468 6.44H34.714c-14.528 0-26.31 11.888-26.31 26.566v8.854L.59 71.953a5.43 5.43 0 0 0 0 4.923l7.817 15.16v8.855c0 14.678 11.78 26.563 26.31 26.563h52.59c14.528 0 26.31-11.887 26.31-26.563v-8.854l7.644-15.214c.76-1.515.76-3.3.012-4.83zM53.006 84.526c0 6.667-5.377 12.075-12.007 12.075s-12.006-5.405-12.006-12.075V63.06c0-6.667 5.377-12.076 12.006-12.076S53.006 56.39 53.006 63.06zm38.689 0c0 6.667-5.378 12.075-12.007 12.075c-6.63 0-12.006-5.405-12.006-12.075V63.06c0-6.667 5.377-12.076 12.006-12.076S91.695 56.39 91.695 63.06zm88.652-28.847l-.102-.116q-3.202-3.675-8.773-3.675q-4.743 0-8.656 3.083q-3.794 2.964-6.047 9.01q-2.133 5.927-2.134 14.702c0 5.85.712 10.67 2.134 14.702q2.134 5.93 5.69 9.01q3.676 3.082 8.3 3.082q3.912 0 6.759-1.541q2.964-1.662 4.741-4.742q1.896-3.083 2.254-7.468h21.341q-.949 9.13-5.454 15.888q-4.386 6.64-11.855 10.314q-7.47 3.555-17.786 3.556l.008-.002q-11.143 0-19.327-5.217q-8.062-5.335-12.568-14.939q-4.388-9.722-4.388-22.646c0-8.615 1.501-16.243 4.505-22.646q4.506-9.603 12.805-14.82q8.298-5.333 19.68-5.333q8.895 0 16.36 3.439q7.47 3.438 12.213 9.958q4.86 6.52 5.334 15.888H184.04q-.583-5.95-3.693-9.487m97.53 49.442v14.939H216.46v-14.94h21.34V47.263h-13.04V32.326h31.536v72.796zm77.11 0v14.939H293.57v-14.94h21.341V69.078H301.87V54.139h31.536v50.982zM314.2 45.366v-17.31h19.68v17.31zm74.501 34.632v40.06h-18.495V54.139h17.902l.37 7.342q3.153-3.531 6.986-5.447q6.402-3.32 13.041-3.32q7.471 0 12.76 3.103l.164.098q5.453 3.2 8.3 8.892q2.965 5.692 2.964 13.398v41.853h-18.495l-.005.002V79.392q0-5.097-2.607-8.18q-2.61-3.083-6.876-3.083q-4.86 0-9.01 3.32q-3.337 2.649-6.999 8.55m99.505 24.031l.131-.093q3.913-2.728 4.742-6.876h18.495q-1.187 11.264-9.959 17.902q-8.654 6.522-22.646 6.522l.005-.002q-10.672 0-18.378-4.149q-7.589-4.15-11.736-11.856q-4.15-7.706-4.149-18.378c0-7.114 1.384-13.359 4.149-18.494q4.15-7.707 11.975-11.737q7.943-4.15 19.088-4.148q17.254 0 25.096 9.76l.157.198q7.944 9.84 6.639 27.15h-48.548q.272 4.009 1.715 7.469q1.778 4.27 5.217 6.875q3.555 2.49 8.773 2.49q5.476.001 9.234-2.633m-23.449-26.885h28.207q-.355-4.508-4.032-7.232q-3.676-2.846-9.129-2.846q-8.536 0-12.568 5.334q-1.53 2.023-2.478 4.744"/></svg>Как использовать иконку Cline
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/cline.svg" alt="Иконка Cline" width="24" height="24">Похожие иконки в наборе SVG Logos
Иконка Cline в других наборах
Вопросы и ответы: Иконка Cline
Можно ли бесплатно использовать иконку Cline в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cline в React?
Установите @iconify/react и выведите <Icon icon="logos:cline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/cline.svg" alt="Иконка Cline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.