ICONYZ
English
Remix Light icon from Skill Icons

Remix Light icon

skill-icons:remix-light

The Remix Light icon (skill-icons:remix-light) 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
remixlight
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><path id="SVGGGIpce4U" fill="#000" 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="#f4f2ed" rx="60"/><use href="#SVGGGIpce4U" fill-rule="evenodd" clip-rule="evenodd"/><use href="#SVGGGIpce4U" fill-rule="evenodd" clip-rule="evenodd"/><path fill="#000" d="M62.16 203.36v-23.503h42.783c7.146 0 8.698 5.3 8.698 8.461v15.042z"/><path fill="#000" 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 Light icon

React

import { Icon } from "@iconify/react";

<Icon icon="skill-icons:remix-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="skill-icons:remix-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="skill-icons:remix-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--remix-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:remix-light"></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-light"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/skill-icons/remix-light.svg" alt="Remix Light icon" width="24" height="24">

Related icons in Skill Icons

Remix Light icon in other icon sets

Remix Light icon FAQ

Is the Remix Light 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 Light icon in React?

Install @iconify/react and render <Icon icon="skill-icons:remix-light" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Remix Light icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/remix-light.svg" alt="Remix Light icon">, or paste the SVG code inline to style it with CSS.

Browse all Skill Icons →