Remix icon
logos:remix
The Remix icon (logos:remix) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 128 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 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="128" viewBox="0 0 512 128"><path fill="#121212" d="M404.472 38.335v89.493h-32.264V38.335zm41.606-.176l14.738 21.27l15.136-21.27h33.26l-32.264 42.54L512 127.653h-35.65l-17.724-24.28l-17.726 24.28h-33.26l34.853-45.55L410.43 38.16zm-116.09-2.827c24.252 0 31.522 16.717 31.665 35.158l.002.56v56.184H329.39V79.313l-.006-.72l-.01-.707l-.018-.693l-.023-.678l-.014-.334l-.033-.657l-.04-.643l-.046-.629l-.026-.309l-.058-.608l-.065-.593c-.915-7.718-3.901-11.725-11.61-11.725c-9.142 0-13.103 6.379-14.086 16.549l-.064.724c-.12 1.46-.18 2.996-.189 4.598l-.001 44.346h-32.264V79.678l-.003-.727q0-.18-.003-.359l-.012-.706l-.018-.693l-.025-.678l-.032-.664l-.018-.327l-.043-.643l-.05-.629l-.057-.615c-.838-8.303-3.885-12.62-11.888-12.62c-10.45 0-14.263 8.653-14.338 21.87l-.001 44.347h-32.264V37.74h32.264v13.444c4.78-9.832 14.34-15.852 27.683-15.852c15.734 0 23.899 7.224 27.684 17.658c4.78-10.033 15.335-17.658 30.271-17.658m-170.42-2.827c29.38 0 45.093 20.06 45.405 44.02l.004.728v9.029H142.64c.797 11.036 8.764 16.253 18.522 16.253c8.65 0 14.195-2.931 17.21-9.76l.117-.272l25.891 2.407c-4.58 20.468-20.912 31.905-44.413 31.905c-28.48 0-48.794-17.257-48.794-45.75c0-28.293 20.713-48.56 48.396-48.56M60.366 0c32.541 0 48.712 15.488 48.712 40.228c0 18.505-11.38 30.573-26.752 32.585c12.977 2.615 20.563 10.057 21.96 24.74l.203 2.7l.177 2.524l.152 2.362l.106 1.78l.114 2.1l.06 1.2l.083 1.904l.068 1.8l.034 1.033l.045 1.657l.04 1.894l.014.916l.025 2.652l.008 2.768l.001 1.655H71.857c0-.698.006-1.37.014-2.03l.02-1.306l.058-3.164l.015-1.06l.01-1.097l.001-.566l-.001-1.063l-.01-1.115l-.014-.876l-.027-1.225l-.04-1.3l-.054-1.381l-.068-1.472l-.04-.772l-.069-1.207l-.079-1.268l-.122-1.792l-.106-1.424C70.417 88.912 65 85.186 55.093 84.73l-.646-.025l-.658-.016a54 54 0 0 0-.67-.008L0 84.68V58.33h54.376c14.374 0 21.56-4.406 21.56-16.072c0-10.258-7.186-16.475-21.56-16.475H0V0zM35.483 106.855c4.402 0 6.245 2.445 6.9 4.785l.071.27l.032.133l.055.267l.047.263l.02.13l.033.257l.025.252l.01.123l.013.243l.004.118l.003.23v12.572H0v-19.643zM159.17 55.782c-8.078 0-12.642 3.906-14.826 9.625l-.164.443l-.154.45q-.224.681-.408 1.39l-.118.477q-.113.479-.21.97l-.092.492q-.023.124-.043.249l-.08.5l-.037.253h31.268c-.399-8.027-5.577-14.85-15.136-14.85m245.5-54.369v28.494h-32.66V1.413z"/></svg>How to use the Remix icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:remix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:remix"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/remix.svg" alt="Remix icon" width="24" height="24">Related icons in SVG Logos
Remix icon in other icon sets
Remix icon FAQ
Is the Remix 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 Remix icon in React?
Install @iconify/react and render <Icon icon="logos:remix" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Remix icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/remix.svg" alt="Remix icon">, or paste the SVG code inline to style it with CSS.