Иконка Eleventy

selfhst:eleventy

Иконка Eleventy (selfhst:eleventy) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#231f20" d="M202.6 66.2v320.2c0 4.5 0 18-8.1 18l-37-.1c-7.9 0-7.9-13.6-7.9-18V118.7c0-4.8-.9-5.5-1-5.5l-19.5 4.9c-1.6.1-3.1-.3-4.2-1.4c-2-1.9-3-5.4-3-11.1V82.3c0-9.2 3.9-11.9 7.2-12.6L193 53.3c.9-.2 1.7-.3 2.6-.3c4.6 0 7 4.5 7 13.2m-129-12.8c-.9 0-1.7.1-2.6.3L7.2 70.2C3.9 70.9 0 73.6 0 82.8v23.3c0 5.7.9 9.2 3 11.1c1.1 1 2.6 1.5 4.2 1.4l19.5-4.9s1 .7 1 5.5v267.7c0 4.5 0 18 7.9 18h37c8.1 0 8.1-13.6 8.1-18V66.6c0-8.7-2.4-13.2-7.1-13.2M506 157.1h-20.4c-2.6 0-4.8 1.1-6.6 3.2c-1.7 2-2.8 5.5-3.4 10.7l-24.1 162l-30.9-162.7c-.8-5.1-2-8.5-3.9-10.3c-1.9-1.9-4.2-2.9-6.9-2.9h-29.3c-3.6 0-5.5 3.5-5.5 10.5c0 1.2.2 2.9.5 5.6v.1l47.4 197.4c3.2 15.1 4.8 24 4.8 26.5c0 10.8-1.3 19.2-4 25.1c-2.4 5.3-5.1 8.1-8 8.1c-.7 0-3.1-.2-10.1-2.5c-8.5-2.5-8.9-2.5-9.2-2.5c-6.8 0-7.6 11.3-7.6 19.7c0 6.6.7 10.4 2.3 12.3c5 7.4 14.4 11.1 28.1 11.1h3.4c7 0 14.1-2.1 19.9-5.9c5.3-3.7 10-10.5 14.2-20.9c4.1-10 7.9-24.5 11.2-43l43.2-224.6c.4-2.7.5-4.4.5-5.8c.4-7.4-1.6-11.2-5.6-11.2M348.2 367.8H331c-3.4 0-5.9-.4-8-1.3c-1.9-.7-4-2.5-6.3-5.2c-2.1-2.5-3.7-6.8-4.9-12.9c-1.2-6-1.8-13.8-1.8-23.1v-125c0-1.9.2-2.7.2-2.9c.1-.1.4-.1.9-.1h31c3.6 0 7.9-2.3 7.9-13.5v-13.1c0-9.1-2.7-13.7-7.9-13.7h-30.9c-.7 0-1.1-1.8-1.1-4.7V58.2c0-9.7-2.7-14.7-7.9-14.7H278c-7.2 0-7.9 11-8.1 14.6l-4.4 94.3c0 4-.8 4.7-.8 4.7h-15c-5.2 0-7.9 4.6-7.9 13.7v13.1c0 8.9 2.7 13.5 7.9 13.5h15c.6 0 .8 1.6.8 3.1v124.2c0 13.3 1.1 25.3 3.2 35.5c2.2 10.3 5 18.1 8.3 23.6c3.5 5.7 8 10.3 13.4 13.6c5.3 3.2 10.5 5.4 15.5 6.3c4.7.9 10.4 1.3 17.2 1.3l24.5-.1c3.3 0 8.8-1.5 8.8-11.7v-14.5c.1-9.5-5.1-10.9-8.2-10.9"/></svg>

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

React

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

<Icon icon="selfhst:eleventy" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:eleventy" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:eleventy" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="selfhst:eleventy"></iconify-icon>

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

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

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

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

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

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все selfh.st/icons →