Иконка Joplin Dark

selfhst:joplin-dark

Иконка Joplin Dark (selfhst:joplin-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
Теги: joplindark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M387.4 0H124.6C56.1 0 0 56.1 0 124.6v262.8C0 455.9 56.1 512 124.6 512h262.8c68.5 0 124.6-56.1 124.6-124.6V124.6C512 56.1 455.9 0 387.4 0m11.1 115c0 1.5-1.2 2.7-2.7 2.7h-19.1c-8.1 0-14.6 6.4-14.8 14.5v46.2l-.2 169.8c-1.7 25.9-13.1 49.7-32.1 67c-20.1 18.3-47.3 28.3-76.7 28.3c-4.1 0-8.4-.2-12.6-.6c-30.7-2.9-60.5-16.2-83.9-37.5c-24-21.8-39-50-42.4-79.3c-3.7-32.9 7.8-64.3 31.7-86c27.3-24.9 66.1-33.9 105.5-25.2c1.9.4 3.2 2.1 3.2 4v66.5c-.1.9-.5 2.2-2.7 1c-.2-.1-.4-.2-.6-.2c-7.3-3.5-15.1-5.9-22.9-6.6c-.1 0-.3 0-.4-.1h-.5c-1.4-.1-2.7-.2-4.1-.2h-1.4c-.5 0-1 0-1.4.1c-.9 0-1.8.1-2.7.1h-.3c-8.5.8-16 3.7-21.7 8.5c-.3.3-.7.5-1 .8h-.1c-8 7.3-11.6 18-10.2 30.1c1.5 13.6 9 27.1 20.9 37.9c12 10.9 26.8 17.7 41.7 19.1c11.7 1.1 22.2-1.3 30-6.8c1.1-.8 2.1-1.6 3.1-2.5s1.9-1.8 2.7-2.8l.3-.3c2.8-3.3 4.7-7 6-11c.2-.7.4-1.4.5-2.1c.1-.5.3-1 .4-1.6c.2-.9.3-1.9.4-2.8c0-.2.1-.5.1-.7c.2-1.6.2-3.3.2-5V131.2c-.7-7.5-6.9-13.5-14.6-13.5H257c-1.5 0-2.7-1.2-2.7-2.7V70.9c0-1.3 1.1-2.4 2.4-2.4h139.1c1.3 0 2.4 1.1 2.4 2.4V115z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все selfh.st/icons →