Ikon Materializecss
devicon-plain:materializecss
Ikon Materializecss (devicon-plain:materializecss) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain 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.
- Set ikon
- Devicon Plain
- Pembuat
- konpa
- Lisensi
- MIT
- Ukuran
- 128 × 128
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M34.07 31.285c-.176 0-.353.01-.527.047c-.877.385-1.471 1.156-1.932 1.926c-.803 1.403-1.366 2.951-1.859 4.455c-1.017 3.16-1.787 6.426-2.559 9.654c-.947 4.14-1.792 8.345-2.595 12.522c-.492 2.842-1.127 5.687-1.55 8.53c-.023.173-.056.343-.081.515l-.028-.036l-.205-.234c-.663-.846-1.543-1.546-2.523-1.932c-.706-.315-1.439-.246-2.14-.347H1.226c-.424 0-.84.07-1.227.101c1.087.247 2.104.847 3.014 1.51c1.195 1.055 2.112 2.388 2.845 3.791c1.231 2.312 2.033 4.809 2.704 7.336c1.295 5.048 1.54 10.38 3.646 15.19c.422.737.845 1.544 1.578 2c.214.14.421.317.668.279l.035-.002l-.002.002c1.054.107 2.072-.001 3.127.037H33.05c.385.031.67-.246.916-.492c1.118-1.017 1.68-2.489 2.281-3.86c1.258-3.329 2.105-6.774 2.908-10.21c1.723-7.476 3.088-14.982 4.42-22.526c.03-.164.069-.333.1-.498l.006.008l.109.699c.243 1.964.701 3.893 1.05 5.857c.771 3.862 1.509 7.723 2.317 11.582c1.087 4.947 2.138 9.895 3.893 14.67c.493 1.333 1.056 2.666 1.933 3.786c.488.561 1.087 1.192 1.928 1.015c.283-.215.516-.423.783-.637a5 5 0 0 1-.646.637c.316.037.67.037.986.037c5.858 0 11.722.039 17.578 0c.877-.422 1.442-1.33 1.934-2.172c.98-1.862 1.61-3.86 2.205-5.826c.948-3.196 1.687-6.456 2.389-9.685a525 525 0 0 0 3.72-19.403q.02-.098.037-.195l.075.398a.3.3 0 0 1 .027.114l.133.72c1.668 8.985 3.231 17.97 5.625 26.79c.77 2.457 1.432 4.947 2.734 7.19c.632.916 1.37 2.14 2.666 2c.09.001.172-.006.26-.007c.28.03.572.04.865.04c5.788-.034 11.575.038 17.4-.032c1.863-1.472 2.951-3.682 3.653-5.893c1.054-3.159 1.053-6.528 1.54-9.756c.493-3.297 1.089-6.667 2.774-9.617a10.3 10.3 0 0 1 4.631-4.175c.562-.279 1.194-.418 1.719-.77c-.875-.05-1.76-.052-2.646-.043c-.887.009-1.774.026-2.649.01H110.04c-1.472-.07-2.913.632-3.898 1.719c-.595.561-.91 1.365-1.366 1.996c-.07.097-.12.204-.181.306l-.356-2.586a90 90 0 0 0-.342-1.896c-.985-5.47-2.035-10.98-3.193-16.422c-.877-4.03-1.824-8.104-3.125-12.033c-.525-1.435-1.05-2.948-1.896-4.282c-.525-.738-1.086-1.437-1.895-1.855h-1.504c-3.06 0-6.119-.01-9.178-.014c-3.07-.004-6.14-.004-9.209.014c-1.23.418-1.895 1.61-2.457 2.666c-1.439 2.983-2.247 6.24-2.98 9.469c-1.789 7.404-3.198 14.88-4.531 22.387l-.13.66l-.429-2.059a531 531 0 0 0-2.424-12.457c-1.05-4.915-2.104-9.824-3.646-14.6c-.455-1.263-.948-2.52-1.578-3.683c-.455-1.017-1.303-1.858-2.282-2.383h-1.334l-.062.02c.022-.018.04-.04.062-.057H34.598c-.177 0-.352-.01-.528-.01"/></svg>Cara memakai ikon Materializecss
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:materializecss" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:materializecss" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:materializecss" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--materializecss]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:materializecss"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:materializecss"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/materializecss.svg" alt="Ikon Materializecss" width="24" height="24">Ikon Materializecss di set ikon lain
FAQ Ikon Materializecss
Apakah ikon Materializecss gratis untuk penggunaan komersial?
Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Materializecss di React?
Pasang @iconify/react lalu render <Icon icon="devicon-plain:materializecss" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Materializecss ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon-plain/materializecss.svg" alt="Ikon Materializecss">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.