Иконка Hedgedoc

simple-icons:hedgedoc

Иконка Hedgedoc (simple-icons:hedgedoc) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.097.227l-1.913 1.341L7.93.914L6.6 2.816l-2.346.142l-.586 2.234l-2.157.92l.23 2.295L.032 9.995l1.015 2.083L0 14.14l1.679 1.616l-.267 2.291l2.141.955l.549 2.243l2.344.178l1.3 1.925l2.965-.836l-6.421-6.298a4.55 4.55 0 0 1-1.491-3.364c0-2.542 2.1-4.601 4.692-4.601c1.406 0 2.668.607 3.527 1.57l.978.959l1.195-1.173a4.72 4.72 0 0 1 3.3-1.332c2.591 0 4.692 2.061 4.692 4.603c0 1.4-.702 2.628-1.644 3.497l-6.291 6.178a1.78 1.78 0 0 0-1.25-.509c-.489 0-.933.195-1.252.51a1.24 1.24 0 0 0 1.252 1.22c.66 0 1.2-.502 1.248-1.139l2.822.78l1.33-1.901l2.348-.142l.585-2.234l2.156-.921l-.227-2.297l1.705-1.587l-1.015-2.081L24 10.186l-1.68-1.614l.266-2.293l-2.14-.955l-.55-2.243l-2.344-.18L16.253.98l-2.265.619ZM9.292 13.58c-.614 0-1.111.489-1.111 1.091a1.1 1.1 0 0 0 1.111 1.09a1.1 1.1 0 0 0 1.112-1.09a1.1 1.1 0 0 0-1.112-1.09zm5.423 0a1.1 1.1 0 0 0-1.11 1.091a1.1 1.1 0 0 0 1.11 1.09a1.1 1.1 0 0 0 1.112-1.09a1.1 1.1 0 0 0-1.112-1.09z"/></svg>

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

React

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

<Icon icon="simple-icons:hedgedoc" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:hedgedoc" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:hedgedoc" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--hedgedoc]"></span>

UnoCSS

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

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

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

<iconify-icon icon="simple-icons:hedgedoc"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/simple-icons/hedgedoc.svg" alt="Иконка Hedgedoc" width="24" height="24">

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

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

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

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

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

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

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

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

Все Simple Icons →