Ikon Moodle Wordmark
devicon:moodle-wordmark
Ikon Moodle Wordmark (devicon:moodle-wordmark) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVGuNolRcTn" cx="365.269" cy="-236.049" r="59.206" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faaf40"/><stop offset=".043" stop-color="#f9a538"/><stop offset=".112" stop-color="#f89d31"/><stop offset=".227" stop-color="#f89a2f"/><stop offset=".528" stop-color="#f7922d"/><stop offset="1" stop-color="#f37b28"/></radialGradient><path fill="url(#SVGuNolRcTn)" d="M31.26 79.361V68.416c0-2.304-.96-3.456-2.832-3.456s-2.832 1.152-2.832 3.456v10.945h-5.617V68.416c0-2.304-.912-3.456-2.784-3.456s-2.833 1.152-2.833 3.456v10.945H8.795V67.792c0-2.4.816-4.177 2.496-5.425c1.44-1.104 3.457-1.632 5.905-1.632c2.544 0 4.368.624 5.568 1.92c1.008-1.296 2.88-1.92 5.616-1.92c2.496 0 4.465.528 5.905 1.632c1.68 1.248 2.496 3.024 2.496 5.425v11.616H31.26z"/><radialGradient id="SVGQH6GgecQ" cx="365.266" cy="-236.049" r="59.201" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faaf40"/><stop offset=".043" stop-color="#f9a538"/><stop offset=".112" stop-color="#f89d31"/><stop offset=".227" stop-color="#f89a2f"/><stop offset=".528" stop-color="#f7922d"/><stop offset="1" stop-color="#f37b28"/></radialGradient><path fill="url(#SVGQH6GgecQ)" d="M47.389 79.841c-2.832 0-5.136-.913-7.008-2.689c-1.824-1.776-2.784-4.08-2.784-6.912c0-2.833.912-5.136 2.784-6.913c1.824-1.776 4.176-2.688 7.008-2.688c2.833 0 5.185.912 7.009 2.688c1.872 1.776 2.784 4.08 2.784 6.913c0 2.832-.912 5.136-2.784 6.912c-1.872 1.777-4.225 2.689-7.009 2.689m0-14.737c-1.344 0-2.4.528-3.12 1.536s-1.104 2.208-1.104 3.648c0 1.393.336 2.592 1.008 3.552c.768 1.104 1.825 1.632 3.168 1.632s2.4-.528 3.168-1.632c.72-.96 1.056-2.16 1.056-3.552s-.336-2.592-1.008-3.552c-.72-1.104-1.824-1.632-3.168-1.632"/><radialGradient id="SVGfs1QEdLG" cx="365.268" cy="-236.049" r="59.204" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faaf40"/><stop offset=".043" stop-color="#f9a538"/><stop offset=".112" stop-color="#f89d31"/><stop offset=".227" stop-color="#f89a2f"/><stop offset=".528" stop-color="#f7922d"/><stop offset="1" stop-color="#f37b28"/></radialGradient><path fill="url(#SVGfs1QEdLG)" d="M67.55 79.841c-2.832 0-5.136-.913-7.008-2.689c-1.824-1.776-2.784-4.08-2.784-6.912c0-2.833.912-5.136 2.784-6.913c1.824-1.776 4.176-2.688 7.008-2.688c2.833 0 5.185.912 7.009 2.688c1.872 1.776 2.784 4.08 2.784 6.913c0 2.832-.912 5.136-2.784 6.912c-1.872 1.777-4.225 2.689-7.009 2.689m0-14.737c-1.344 0-2.4.528-3.12 1.536s-1.104 2.208-1.104 3.648c0 1.393.336 2.592 1.008 3.552c.769 1.104 1.825 1.632 3.168 1.632s2.4-.528 3.168-1.632c.72-.96 1.056-2.16 1.056-3.552s-.336-2.592-1.008-3.552c-.719-1.104-1.823-1.632-3.168-1.632"/><radialGradient id="SVGnfHd3UYt" cx="365.267" cy="-236.049" r="59.205" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faaf40"/><stop offset=".043" stop-color="#f9a538"/><stop offset=".112" stop-color="#f89d31"/><stop offset=".227" stop-color="#f89a2f"/><stop offset=".528" stop-color="#f7922d"/><stop offset="1" stop-color="#f37b28"/></radialGradient><path fill="url(#SVGnfHd3UYt)" d="M92.416 79.313v-1.824c-.48.672-1.344 1.2-2.544 1.584a8.7 8.7 0 0 1-3.024.528c-2.64 0-4.8-.912-6.385-2.736c-1.632-1.824-2.4-4.08-2.4-6.769c0-2.64.768-4.896 2.353-6.672c1.584-1.776 3.696-2.688 6.288-2.688c2.976 0 4.848.816 5.712 2.4V48.063h5.424v31.25zm0-10.369q0-1.512-1.44-2.88c-.96-.912-1.92-1.392-2.928-1.392c-1.44 0-2.544.576-3.408 1.728c-.72 1.007-1.104 2.304-1.104 3.792c0 1.44.384 2.688 1.104 3.745c.816 1.2 1.968 1.776 3.408 1.776c.864 0 1.776-.384 2.832-1.2c1.008-.816 1.536-1.632 1.536-2.496z"/><radialGradient id="SVGpYVgHczs" cx="365.266" cy="-236.048" r="59.205" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faaf40"/><stop offset=".043" stop-color="#f9a538"/><stop offset=".112" stop-color="#f89d31"/><stop offset=".227" stop-color="#f89a2f"/><stop offset=".528" stop-color="#f7922d"/><stop offset="1" stop-color="#f37b28"/></radialGradient><path fill="url(#SVGpYVgHczs)" d="M99.809 79.313v-31.25h5.567v31.25z"/><radialGradient id="SVGV0TsXbqh" cx="365.269" cy="-236.049" r="59.201" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faaf40"/><stop offset=".043" stop-color="#f9a538"/><stop offset=".112" stop-color="#f89d31"/><stop offset=".227" stop-color="#f89a2f"/><stop offset=".528" stop-color="#f7922d"/><stop offset="1" stop-color="#f37b28"/></radialGradient><path fill="url(#SVGV0TsXbqh)" d="M112.049 71.92c.24 1.152.816 2.112 1.68 2.928c.913.816 1.873 1.248 2.977 1.248c.768 0 1.584-.192 2.496-.576c1.104-.48 1.632-1.008 1.632-1.632l5.856-.048c-.815 1.968-2.255 3.504-4.223 4.561c-1.873 1.008-3.89 1.536-6.145 1.536c-2.833 0-5.233-.912-7.104-2.64c-1.872-1.776-2.832-4.081-2.832-6.961c0-2.976.959-5.28 2.832-7.056c1.872-1.728 4.319-2.592 7.296-2.592c3.264 0 5.809 1.056 7.633 3.217c1.68 1.968 2.543 4.656 2.543 8.016h-14.641zm9.12-3.456c-.24-1.2-.72-2.16-1.488-2.928c-.865-.816-1.872-1.248-2.976-1.248c-1.152 0-2.112.385-2.929 1.2c-.768.816-1.296 1.776-1.583 2.976z"/><path fill="#58595b" d="m9.323 63.52l-.576 2.88c5.28 1.775 10.272.047 12.913-4.561c-3.889-2.687-7.489.049-12.337 1.681"/><linearGradient id="SVGQlw9dctm" x1="306.394" x2="319.001" y1="-228.257" y2="-228.257" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#929497"/><stop offset=".124" stop-color="#757578"/><stop offset=".279" stop-color="#575658"/><stop offset=".44" stop-color="#403e3f"/><stop offset=".609" stop-color="#302d2e"/><stop offset=".788" stop-color="#262223"/><stop offset="1" stop-color="#231f20"/></linearGradient><path fill="url(#SVGQlw9dctm)" d="m9.323 62.8l-.528 3.264c5.04 1.729 9.985.24 12.625-4.272c-3.361-3.889-7.105-.672-12.097 1.008"/><linearGradient id="SVGW0zs1btX" x1="308.813" x2="314.048" y1="-224.051" y2="-231.526" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#231f20"/><stop offset="1" stop-color="#231f20" stop-opacity="0"/></linearGradient><path fill="url(#SVGW0zs1btX)" d="M15.324 64.096c-2.304-.48-4.801.72-6.529 1.968c-1.104-8.064 3.889-7.873 10.416-5.856c-.432 1.968-1.152 4.608-2.4 6.193c-.047-1.057-.527-1.777-1.487-2.305"/><linearGradient id="SVGMRqLCcUY" x1="299.482" x2="322.523" y1="-224.263" y2="-224.263" gradientTransform="matrix(1 0 0 -1 -297.6 -164.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#929497"/><stop offset=".124" stop-color="#757578"/><stop offset=".279" stop-color="#575658"/><stop offset=".44" stop-color="#403e3f"/><stop offset=".609" stop-color="#302d2e"/><stop offset=".788" stop-color="#262223"/><stop offset="1" stop-color="#231f20"/></linearGradient><path fill="url(#SVGMRqLCcUY)" d="M1.883 62.8c8.448-5.089 13.201-6.049 23.041-7.057C13.499 64.768 13.211 62.8 1.883 62.8"/><path fill="none" stroke="#4a4a4c" stroke-width=".5" d="m24.924 55.792l-9.073 6.576"/><path fill="#231f20" d="M14.123 59.295c.096 1.057-.144-1.007 0 0" opacity=".23"/><path fill="none" stroke="#a8abad" stroke-width=".5" d="m1.883 62.8l13.968-.432"/><path fill="none" stroke="#f16922" stroke-width=".5" d="M13.259 59.392c-2.4.672-10.272 2.4-10.369 3.409c-.24 1.872-.047 4.848-.047 4.848"/><path fill="#f16922" d="M3.563 74.801c-.864-2.16-1.92-4.561-.673-7.537c.817 2.784.673 4.897.673 7.537"/><ellipse cx="12.926" cy="59.245" fill="#6d6e70" rx=".192" ry=".384" transform="rotate(-109.63 12.915 59.236)"/></svg>Cara memakai ikon Moodle Wordmark
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:moodle-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:moodle-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:moodle-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--moodle-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:moodle-wordmark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:moodle-wordmark"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon/moodle-wordmark.svg" alt="Ikon Moodle Wordmark" width="24" height="24">Ikon terkait di Devicon
Ikon Moodle Wordmark di set ikon lain
FAQ Ikon Moodle Wordmark
Apakah ikon Moodle Wordmark gratis untuk penggunaan komersial?
Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Moodle Wordmark di React?
Pasang @iconify/react lalu render <Icon icon="devicon:moodle-wordmark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Moodle Wordmark ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/moodle-wordmark.svg" alt="Ikon Moodle Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.