Иконка Clarity

devicon:clarity

Иконка Clarity (devicon:clarity) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#13171a" d="M86.987 0H41.013C18.437 0 .136 18.34.136 40.964v46.072C.136 109.659 18.438 128 41.013 128h45.974c22.576 0 40.877-18.34 40.877-40.964V40.964C127.864 18.34 109.563 0 86.987 0"/><path fill="#7e858b" d="M38.497 31.809a18.27 18.27 0 0 1 13.24-4.71v6.07a11.17 11.17 0 0 0-8.573 3.317a15.98 15.98 0 0 0-2.913 10.382v34.13a15.98 15.98 0 0 0 2.913 10.383a11.08 11.08 0 0 0 8.771 3.616v5.937a18.27 18.27 0 0 1-13.24-4.744a19.5 19.5 0 0 1-4.865-14.627V46.437a19.6 19.6 0 0 1 4.667-14.628"/><path fill="#f7f8f9" d="M59.714 31.809a18.35 18.35 0 0 1 13.239-4.71v6.07a11.23 11.23 0 0 0-8.606 3.317a15.98 15.98 0 0 0-2.88 10.382v34.13a15.98 15.98 0 0 0 2.88 10.383a11.15 11.15 0 0 0 8.772 3.615v5.938a18.34 18.34 0 0 1-13.406-4.744a19.5 19.5 0 0 1-3.918-6.815a19.5 19.5 0 0 1-.914-7.812V46.437a19.57 19.57 0 0 1 4.832-14.628z"/><path fill="#7e858b" d="M80.997 31.809a18.38 18.38 0 0 1 13.239-4.71v6.07a11.27 11.27 0 0 0-8.638 3.317A15.98 15.98 0 0 0 82.883 47v33.998c-.27 3.69.748 7.36 2.88 10.382a11.19 11.19 0 0 0 8.77 3.615v5.938a18.4 18.4 0 0 1-13.238-4.744a19.67 19.67 0 0 1-5.03-14.627V46.434a19.7 19.7 0 0 1 4.732-14.627z"/></svg>

Как использовать иконку Clarity

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:clarity" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:clarity" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:clarity" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--clarity]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:clarity"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:clarity"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/clarity.svg" alt="Иконка Clarity" width="24" height="24">

Иконка Clarity в других наборах

Вопросы и ответы: Иконка Clarity

Можно ли бесплатно использовать иконку Clarity в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Clarity в React?

Установите @iconify/react и выведите <Icon icon="devicon:clarity" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Clarity на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/clarity.svg" alt="Иконка Clarity">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →