Иконка Leetcode

devicon:leetcode

Иконка Leetcode (devicon:leetcode) — бесплатная 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="#b3b1b0" d="M117.555 76.558c0-3.957-3.008-7.178-6.72-7.178H57.159c-3.712 0-6.72 3.221-6.72 7.178c0 3.958 3.002 7.18 6.72 7.18h53.676c3.712.005 6.72-3.217 6.72-7.18"/><path fill="#e7a41f" d="m18.79 96.996l23.003 23.26c5.19 5.221 12.363 7.744 20.283 7.744s15.094-2.73 20.294-7.968l13.803-14.065c2.72-2.741 2.624-7.28-.208-10.133c-2.832-2.854-7.333-2.95-10.048-.208L71.645 109.53c-2.465 2.49-5.878 3.53-9.649 3.53s-7.179-1.04-9.653-3.53L29.419 86.26c-2.47-2.49-3.712-6.133-3.712-9.936s1.243-7.238 3.712-9.728l22.854-23.361c2.47-2.49 5.952-3.44 9.718-3.44s7.179 1.04 9.648 3.53l14.273 13.9c2.72 2.746 7.221 2.65 10.053-.203c2.832-2.859 2.928-7.398.208-10.14L82.37 32.825a26.64 26.64 0 0 0-12.758-7.094l-.18-.037l13.05-13.35c2.73-2.741 2.635-7.285-.197-10.139S74.945-.74 72.22 2.002L18.79 55.87c-5.19 5.237-7.905 12.464-7.905 20.454S13.6 91.77 18.79 96.996"/><path fill="#070706" d="M43.5 121.674a11.3 11.3 0 0 1-2.528-1.925c-7.078-7.11-14.187-14.187-21.249-21.318C9.115 87.721 7.445 72.1 15.531 59.39a32 32 0 0 1 4.475-5.355L71.33 2.605c3.333-3.34 7.99-3.478 11.088-.358c2.987 3.003 2.81 7.76-.416 11.019c-4.101 4.139-8.208 8.267-12.315 12.4c-.219.651-.747 1.067-1.2 1.531c-4.603 4.672-9.334 9.222-13.872 13.963c-.592.619-1.398.992-1.984 1.627c-7.59 7.59-15.27 15.094-22.753 22.784c-6.054 6.225-5.85 15.67.363 22.012c6.976 7.125 14.075 14.134 21.126 21.195c.357.357.725.704 1.088 1.056c2.496 1.616 2.528 6.667.976 8.912c-1.712 2.48-3.947 4-7.11 3.883c-1.061-.032-1.936-.458-2.821-.955"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Devicon →