Mootools icon
logos:mootools
The Mootools icon (logos:mootools) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 109 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 109
- Tags
- mootool
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="109" viewBox="0 0 512 109"><path fill="#414347" d="M154.177 80.08q-2.415 3.249-5.618 6.207q-12.099 10.714-27.702 10.71q-15.359-.004-25.934-10.558l-.666 10.849H76.616l2.741-46.438c.314-5.107-4.47-9.248-9.477-9.248s-10.11 4.14-10.424 9.248l-2.741 46.438h-18.55l2.74-46.438c.314-5.107-5.013-9.48-10.02-9.48s-9.566 4.372-9.88 9.48l-2.74 46.438H.481l4.443-70.833h13.598c3.643-1.883 8.31-2.953 12.566-2.953c7.899 0 15.909 3.666 20.231 9.42c5.028-5.754 11.719-9.42 19.617-9.42c10.028 0 19.539 5.908 23.862 14.497a47 47 0 0 1 3.534-3.628q12.098-10.714 27.578-10.71q15.604.005 26.225 10.724q2.789 2.953 4.751 6.202q2.415-3.257 5.619-6.216q12.096-10.714 27.577-10.71q15.605.005 26.225 10.724q10.355 10.963 9.318 26.014q-1.03 14.933-12.895 25.888q-12.099 10.714-27.702 10.71q-15.48-.005-26.1-10.725q-2.79-2.952-4.752-6.191M139.09 46.07q-5.711-5.904-14.326-5.906T109.5 46.062q-6.534 6.02-7.106 14.33q-.574 8.31 5.13 14.334q5.836 5.902 14.451 5.905t15.14-5.897q6.658-6.023 7.23-14.332q.573-8.308-5.255-14.333m64.172 0q-5.711-5.904-14.326-5.906t-15.264 5.898q-6.533 6.02-7.106 14.33q-.574 8.31 5.13 14.334q5.836 5.902 14.451 5.905t15.14-5.897q6.658-6.023 7.23-14.332q.573-8.308-5.255-14.333"/><path fill="#6e788c" d="M346.282 80.036q-2.424 3.273-5.651 6.251q-12.1 10.714-27.701 10.71q-15.48-.005-26.101-10.725q-10.355-10.96-9.326-25.893q.806-11.694 8.147-20.915h-28.479l-1.996 29.082c-.597 8.675 1.673 11.535 8.583 11.535c3.381 0 6.441.01 6.441.01l-.942 16.346s-6.733-.035-12.466-.035c-6.617 0-12.058-2.126-15.187-5.803c-3.54-4.116-4.86-10.585-4.214-19.996l1.254-31.14h-9.408l1.103-16.055l88.114.001l-.017.255q15.306.157 25.772 10.721q2.808 2.973 4.779 6.247q2.425-3.282 5.651-6.26q12.098-10.715 27.578-10.71q15.604.003 26.224 10.723q10.356 10.963 9.318 26.014q-1.028 14.933-12.895 25.888q-12.099 10.714-27.7 10.71q-15.481-.005-26.102-10.725q-2.808-2.972-4.779-6.236m-15.118-33.967q-5.712-5.902-14.327-5.905q-8.615-.002-15.264 5.898q-6.534 6.02-7.106 14.33q-.574 8.31 5.13 14.334q5.837 5.902 14.451 5.905t15.14-5.897q6.658-6.023 7.231-14.332q.57-8.308-5.255-14.333m64.232 0q-5.711-5.902-14.326-5.905q-8.614-.002-15.265 5.898q-6.532 6.02-7.105 14.33t5.13 14.334q5.836 5.902 14.45 5.905q8.615.003 15.14-5.897q6.658-6.023 7.232-14.332q.57-8.308-5.256-14.333"/><path fill="#414347" d="M463.675 20.498C463.375 10.414 446.87.442 446.87.442l-2.884.693l5.409 15.91s-.15 4.312-4.448 5.555c-4.298 1.245-7.311-1.974-7.311-1.974L433.419 4.65l-2.988 1.23s-8.208 22.095-7.114 24.85c1.564 7.13 6.154 13.381 6.671 24.148s-6.983 35.73-7.71 42.199c-.726 6.468 4.965 11.607 10.576 11.752c5.61.146 11.066-4.622 11.23-9.818c.166-5.196-.394-30.26.94-41.323c1.338-11.062 18.95-27.107 18.651-37.19m-30.275 83.13a5.46 5.46 0 0 1-5.756-5.148a5.46 5.46 0 0 1 5.146-5.758a5.46 5.46 0 0 1 5.755 5.148a5.46 5.46 0 0 1-5.145 5.758"/><path fill="#6e788c" d="M470.309 83.032s-4.411 5.038-10.139 12.003c11.762 8.356 28.045 10.193 38.434-1.227c3.029-3.326 9.13-11.916 2.63-24.298c-6.5-12.38-23.783-18.333-18.147-26.227c4.27-5.98 15.057-.585 19.28 3.638c1.702-1.548 7.103-6.77 9.581-9.71c-11.458-14.324-36.013-15.782-44.477-.82c-13.998 24.743 26.18 35.896 18.497 47.519c-5.081 7.686-15.66-.878-15.66-.878"/></svg>How to use the Mootools icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mootools" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mootools" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mootools" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mootools]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mootools"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mootools"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/mootools.svg" alt="Mootools icon" width="24" height="24">Mootools icon in other icon sets
Mootools icon FAQ
Is the Mootools icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Mootools icon in React?
Install @iconify/react and render <Icon icon="logos:mootools" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mootools icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mootools.svg" alt="Mootools icon">, or paste the SVG code inline to style it with CSS.