Иконка Clerk
logos:clerk
Иконка Clerk (logos:clerk) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 149. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 149
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="149" viewBox="0 0 512 149"><path fill="#131316" d="m196.01 65.352l-.661.002c-15.603 0-26.004 10.694-26.004 26.33c0 7.81 2.586 14.363 7.082 18.952a25.7 25.7 0 0 0 8.684 5.591a26.1 26.1 0 0 0 10.238 1.759a31.1 31.1 0 0 0 12.075-2.322a30.5 30.5 0 0 0 10.047-6.693a.164.164 0 0 1 .223-.009l13.549 11.69c.07.06.077.164.015.233c-7.56 8.348-20.942 14.97-37.694 14.97c-12.96 0-24.192-4.55-32.076-12.293s-12.56-18.707-12.56-31.73c0-26.328 18.812-44.225 45.342-44.225c13.503 0 27.72 5.36 36.525 15.729c.058.068.05.17-.018.228l-13.255 11.47a.164.164 0 0 1-.23-.015a28.4 28.4 0 0 0-9.8-7.184a29 29 0 0 0-11.483-2.483m123.364 52.605l.472.003a27.5 27.5 0 0 0 12.064-2.503a27.05 27.05 0 0 0 9.582-7.37a.164.164 0 0 1 .232-.022l.52.434l12.988 11.308a.164.164 0 0 1 .021.225c-7.348 9.115-19.556 15.823-36.481 15.823c-25.332 0-44.441-17.542-44.441-44.194c0-13.075 4.502-24.04 12.006-31.783a41.5 41.5 0 0 1 13.949-9.232a42.1 42.1 0 0 1 16.531-3.03c25.675 0 42.278 18.057 42.278 42.99a71 71 0 0 1-.532 7.747a.164.164 0 0 1-.163.144h-63.132a.164.164 0 0 0-.158.2c2.667 11.82 11.721 19.082 24.264 19.26m-1.525-52.624a22.6 22.6 0 0 0-9.35 1.7a22.3 22.3 0 0 0-7.776 5.38a23.8 23.8 0 0 0-5.28 10.099a.162.162 0 0 0 .158.201h43.09c.106 0 .184-.1.158-.202c-2.509-10.244-9.649-17.178-21-17.178m-55.293-51.4c.09 0 .164.074.164.165v120.431a.164.164 0 0 1-.164.165h-19.412a.164.164 0 0 1-.164-.165V14.098c0-.09.074-.164.164-.164zm157.905 55.59l-.902-.068c-1.945-.145-3.797-.271-4.999-.271c-15.193 0-24.114 10.693-24.114 24.729v40.617a.164.164 0 0 1-.164.165h-19.41a.164.164 0 0 1-.164-.165V48.99c0-.09.073-.164.164-.164h19.41c.091 0 .164.074.164.164v12.724c0 .066.055.12.121.12a.12.12 0 0 0 .097-.048c6.808-9.092 16.857-14.15 27.474-14.15l2.334-.026a.164.164 0 0 1 .165.164v21.585c0 .095-.082.17-.176.164m31.363-55.588c.091 0 .165.073.165.164V87.59c0 .149.182.22.283.11l35.71-38.925a.17.17 0 0 1 .12-.053h23.344c.142 0 .217.168.122.274l-31.126 34.34a.165.165 0 0 0-.019.198l31.553 50.91a.163.163 0 0 1-.138.25h-22.145a.16.16 0 0 1-.14-.078L467.174 98.65a.16.16 0 0 0-.139-.077h-.21a.17.17 0 0 0-.12.052l-14.674 15.766a.16.16 0 0 0-.043.112v20.026a.165.165 0 0 1-.165.165h-19.412a.164.164 0 0 1-.163-.165V14.098c0-.09.073-.164.163-.164z"/><path fill="#bab1ff" d="M115.851 12.552c2.327 1.558 2.526 4.836.545 6.816L99.391 36.373c-1.537 1.537-3.921 1.78-5.856.789a41.7 41.7 0 0 0-19.071-4.584c-23.133 0-41.886 18.753-41.886 41.886a41.7 41.7 0 0 0 4.584 19.071c.99 1.935.748 4.32-.789 5.856l-17.005 17.005c-1.98 1.98-5.258 1.782-6.816-.545C4.624 104.015 0 89.78 0 74.464C0 33.339 33.339 0 74.464 0c15.316 0 29.551 4.624 41.387 12.552"/><path fill="#6c47ff" d="M97.734 74.464c0 12.852-10.418 23.27-23.27 23.27s-23.27-10.418-23.27-23.27s10.418-23.27 23.27-23.27s23.27 10.418 23.27 23.27m18.662 55.096c1.98 1.98 1.782 5.258-.545 6.816c-11.836 7.928-26.071 12.552-41.387 12.552s-29.552-4.624-41.388-12.552c-2.326-1.558-2.525-4.836-.545-6.816l17.006-17.005c1.536-1.537 3.92-1.78 5.855-.789a41.7 41.7 0 0 0 19.072 4.584a41.7 41.7 0 0 0 19.071-4.584c1.935-.991 4.32-.748 5.856.789z"/></svg>Как использовать иконку Clerk
React
import { Icon } from "@iconify/react";
<Icon icon="logos:clerk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:clerk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:clerk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--clerk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:clerk"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:clerk"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/clerk.svg" alt="Иконка Clerk" width="24" height="24">Похожие иконки в наборе SVG Logos
Иконка Clerk в других наборах
Вопросы и ответы: Иконка Clerk
Можно ли бесплатно использовать иконку Clerk в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Clerk в React?
Установите @iconify/react и выведите <Icon icon="logos:clerk" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Clerk на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/clerk.svg" alt="Иконка Clerk">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.