Reasonml icon
logos:reasonml
The Reasonml icon (logos:reasonml) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 192 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 × 192
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="192" viewBox="0 0 512 192"><path fill="#dd4b39" d="M0 0h191.336v191.336H0z"/><path fill="#333" d="m255.19 174.505l-5.017-12.961h-31.671l-5.122 12.961h-19.65l31.461-73.273h19.651l30.73 73.273zm-30.94-27.595h20.279l-10.035-26.131zm111.624-23.1c-7.735-4.39-17.56-7.84-23.623-7.84c-4.6 0-7.63 1.673-7.63 5.018c0 12.125 38.57 5.226 38.57 31.567c0 14.947-13.17 22.577-29.477 22.577c-12.23 0-24.981-4.494-33.762-11.707l7.422-14.947c7.526 6.48 18.919 11.08 26.55 11.08c5.644 0 9.198-2.09 9.198-5.958c0-12.439-38.57-4.913-38.57-30.835c0-13.693 11.602-22.369 29.267-22.369c10.766 0 21.637 3.345 29.267 8.258zm55.492-23.1c22.683 0 39.616 15.888 39.616 37.107c0 21.427-16.933 37.524-39.616 37.524c-22.682 0-39.615-16.097-39.615-37.524c0-21.324 16.933-37.107 39.615-37.107m.21 16.306c-10.976 0-20.174 8.99-20.174 20.905s9.303 21.114 20.173 21.114c10.976 0 19.756-9.198 19.756-21.114s-8.78-20.905-19.756-20.905m52.46-15.784h16.83l33.239 44.11v-44.11h17.77v73.273H495.15l-33.24-43.9v43.9h-17.873z"/><path fill="#fff" d="M113.497 174.505H91.861l-10.662-20.278H66.983v20.278H47.855v-73.273h32.926c19.442 0 30.521 9.408 30.521 25.714c0 11.08-4.599 19.233-13.065 23.623zm-46.514-58.012v22.473h13.902c7.735 0 12.23-3.972 12.23-11.393c0-7.212-4.495-11.08-12.23-11.08zm56.549-15.26h57.803v15.26H142.66v13.693h34.912v15.156l-34.912.105v13.797h39.72v15.261h-58.848z"/></svg>How to use the Reasonml icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:reasonml" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:reasonml" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:reasonml" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--reasonml]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:reasonml"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:reasonml"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/reasonml.svg" alt="Reasonml icon" width="24" height="24">Related icons in SVG Logos
Reasonml icon FAQ
Is the Reasonml 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 Reasonml icon in React?
Install @iconify/react and render <Icon icon="logos:reasonml" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Reasonml icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/reasonml.svg" alt="Reasonml icon">, or paste the SVG code inline to style it with CSS.