Materializecss icon
thesvg:materializecss
The Materializecss icon (thesvg:materializecss) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 128 × 128 grid. theSVG icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG
- Author
- thesvg.org
- License
- MIT
- Size
- 128 × 128
SVG code
<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>How to use the Materializecss icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:materializecss" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:materializecss" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:materializecss" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--materializecss]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:materializecss"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:materializecss"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg/materializecss.svg" alt="Materializecss icon" width="24" height="24">Materializecss icon in other icon sets
Materializecss icon FAQ
Is the Materializecss icon free for commercial use?
Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Materializecss icon in React?
Install @iconify/react and render <Icon icon="thesvg:materializecss" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Materializecss icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/materializecss.svg" alt="Materializecss icon">, or paste the SVG code inline to style it with CSS.