Иконка Xubuntu Dark

selfhst:xubuntu-dark

Иконка Xubuntu Dark (selfhst:xubuntu-dark) — бесплатная 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
Теги: xubuntudark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0m98.5 192.8c7.9-18.4 14.3-30.7 22.7-44.5c6.5-10.8 19.9-36.2 29.9-37.6c14.3-2.1-7.4 36.6-16 56.8c-5.9 13.7-10.1 24.6-17.8 42.7c-2.5 6-10.3 14.6-19.3 10.2c-7.6-3.8-5-14.8.5-27.6m-43.7-4.6c.5-11 6.5-37.7 8.4-47.3c2.5-12.3 10-41.7 19.5-45.2c9.4-3.4 4 33.4 2 55.2c-1.7 18.5-2.7 24.6-6.2 45.1c-1.1 6.4-4.3 14.6-14.3 13.5c-8.3-1.2-9.7-15-9.4-21.3m82.7 138.4c-12.3 10.8-28.3 20.9-45.6 30.4s-35.3 18.1-49.6 24.8c-31.3 14.6-64.3 28.8-104.9 32.9c-110 11.1-98-88.7-93.7-121.7c3.3-25.7 17.1-62.8 19.4-69.5c-3-9.5-5.3-17.5-7.2-27.7c-1.6-8.6-2.4-18.6-.4-27.2c2-8.5 7.7-18 17.1-21.9c7.5-3.1 13-1.9 20 4.5c5.8 5.2 10.6 13 15.3 21c6.8 11.7 9.5 23.9 15.3 35.8c1.1 2.3 6.9 3.3 10.3 2.4c.8-.2 1.7-2.2 1.2-3.7c-7.4-25.4-12.8-46.4-9-64.8c3.4-17 18-20.8 28.6-21.2c6.7.5 12.2 3.4 16 8c16.4 19.9 13 54 14.4 80c25.6 1.4 46.7 4.5 74 12.5c20.8 6.1 49.6 16.2 66.4 27.2c16.8 10.9 29.4 25 32 44c1.6 11.5-7.4 23.4-19.6 34.2"/></svg>

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

React

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

<Icon icon="selfhst:xubuntu-dark" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:xubuntu-dark" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:xubuntu-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="selfhst:xubuntu-dark"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/selfhst/xubuntu-dark.svg" alt="Иконка Xubuntu Dark" width="24" height="24">

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

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

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

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

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

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

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

Все selfh.st/icons →