Ícone Moodle
selfhst:moodle
O ícone Moodle (selfhst:moodle) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
Código 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>
Como usar o ícone 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:moodle"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/moodle.svg" alt="Ícone Moodle" width="24" height="24">
Ícones relacionados em selfh.st/icons
O ícone Moodle em outras coleções
Perguntas frequentes sobre Ícone Moodle
O ícone Moodle é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Moodle no React?
Instale @iconify/react e renderize <Icon icon="selfhst:moodle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Moodle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/moodle.svg" alt="Ícone Moodle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os selfh.st/icons →
ICONYZ
