Remix Dark icon
skill-icons:remix-dark
The Remix Dark icon (skill-icons:remix-dark) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill 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
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
- Tags
- remixdark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><path id="SVGxXTqGcUX" fill="#fff" d="M187.903 168.726c1.361 17.488 1.361 25.686 1.361 34.634h-40.462c0-1.949.035-3.732.07-5.54c.11-5.621.224-11.482-.687-23.318c-1.203-17.329-8.665-21.179-22.386-21.179H62.16v-31.528h65.565c17.331 0 25.997-5.272 25.997-19.231c0-12.275-8.666-19.713-25.997-19.713H62.16V52h72.786c39.236 0 58.734 18.532 58.734 48.134c0 22.142-13.72 36.582-32.256 38.989c15.647 3.129 24.794 12.034 26.479 29.603"/></defs><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><use href="#SVGxXTqGcUX" fill-rule="evenodd" clip-rule="evenodd"/><use href="#SVGxXTqGcUX" fill-rule="evenodd" clip-rule="evenodd"/><path fill="#fff" d="M62.16 203.36v-23.503h42.783c7.146 0 8.698 5.3 8.698 8.461v15.042z"/><path stroke="#fff" stroke-opacity=".8" stroke-width=".32" d="M62 203.36v.16h51.801v-15.202c0-1.602-.392-3.755-1.701-5.512c-1.314-1.765-3.539-3.109-7.157-3.109H62z"/></g></svg>How to use the Remix Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:remix-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:remix-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:remix-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--remix-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:remix-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:remix-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/remix-dark.svg" alt="Remix Dark icon" width="24" height="24">Related icons in Skill Icons
Remix Dark icon in other icon sets
Remix Dark icon FAQ
Is the Remix Dark icon free for commercial use?
Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Remix Dark icon in React?
Install @iconify/react and render <Icon icon="skill-icons:remix-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Remix Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/remix-dark.svg" alt="Remix Dark icon">, or paste the SVG code inline to style it with CSS.