ICONYZ
English
Remix Dark icon from Skill Icons

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
Download SVG

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.

Browse all Skill Icons →