Иконка Moodle

selfhst:moodle

Иконка Moodle (selfhst:moodle) — бесплатная 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="#f98012" d="M430.2 430.8V269.9c0-33.6-14-50.5-41.6-50.5c-27.8 0-41.7 16.8-41.7 50.5v160.9H265V269.9c0-33.6-13.7-50.5-41-50.5c-27.8 0-41.6 16.8-41.6 50.5v160.9h-81.8V260.4c0-35.1 12.2-61.6 36.5-79.6c21.4-16 50.5-24.2 87-24.2c37 0 64.3 9.5 81.8 28.5c15.2-19 42.6-28.5 82.6-28.5c36.5 0 65.5 8 86.9 24.2c24.4 18 36.5 44.6 36.5 79.6v170.4z"/><path fill="#333" d="m259.5 144.2l81.2-59.4l-1-3.6C193.1 99.2 126.4 112 0 185.2l1.2 3.3l10.1.1c-.9 10.1-2.5 35.1-.4 72.8c-14 40.6-.3 68.2 12.5 98.2c2.1-31.2 1.8-65.4-7.7-99.4c-1.9-37.3-.3-61.9.6-71.4l83.8.7s-.6 25.3 2.5 49.2c74.9 26.3 150.2-.1 190.1-64.9c-11.4-12.6-33.2-29.6-33.2-29.6"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все selfh.st/icons →