ICONYZ
English
Svg Light icon from Skill Icons

Svg Light icon

skill-icons:svg-light

The Svg Light icon (skill-icons:svg-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
svglight
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#000" d="M17 120h220.641v73.109c0 17.18-14.036 30.336-32.356 30.336H49.355C31.032 223.445 17 210.289 17 193.109z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.695" d="M61.633 108.908c-6.824-6.402-17.89-6.402-24.715 0c-6.824 6.399-6.824 16.774 0 23.176c6.824 6.398 17.89 6.398 24.715 0h131.215c6.828 6.398 17.89 6.398 24.718 0c6.825-6.402 6.825-16.777 0-23.176c-6.828-6.402-17.89-6.402-24.718 0z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.725" d="M89.59 68.803c0-9.055-7.824-16.39-17.477-16.39c-9.656 0-17.48 7.335-17.48 16.39c0 9.05 7.824 16.386 17.48 16.386l92.782 87c0 9.051 7.824 16.387 17.476 16.387s17.477-7.336 17.477-16.387s-7.825-16.386-17.477-16.386z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.695" d="M139.602 58.979c6.824-6.403 6.824-16.778 0-23.18c-6.829-6.399-17.895-6.399-24.719 0c-6.824 6.402-6.824 16.777 0 23.18v123.035c-6.824 6.398-6.824 16.777 0 23.175c6.824 6.403 17.89 6.403 24.719 0c6.824-6.398 6.824-16.777 0-23.175z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.725" d="M182.371 85.19c9.652 0 17.477-7.336 17.477-16.387c0-9.055-7.825-16.39-17.477-16.39s-17.476 7.335-17.476 16.39l-92.782 87c-9.656 0-17.48 7.336-17.48 16.386c0 9.051 7.824 16.387 17.48 16.387c9.653 0 17.477-7.336 17.477-16.387z"/><path fill="#ffb13b" d="M61.633 108.908c-6.824-6.402-17.89-6.402-24.715 0c-6.824 6.399-6.824 16.774 0 23.176c6.824 6.398 17.89 6.398 24.715 0h131.215c6.828 6.398 17.89 6.398 24.718 0c6.825-6.402 6.825-16.777 0-23.176c-6.828-6.402-17.89-6.402-24.718 0z"/><path fill="#ffb13b" d="M89.59 68.803c0-9.055-7.824-16.39-17.477-16.39c-9.656 0-17.48 7.335-17.48 16.39c0 9.05 7.824 16.386 17.48 16.386l92.782 87c0 9.051 7.824 16.387 17.476 16.387s17.477-7.336 17.477-16.387s-7.825-16.386-17.477-16.386z"/><path fill="#ffb13b" d="M139.602 58.979c6.824-6.403 6.824-16.778 0-23.18c-6.829-6.399-17.895-6.399-24.719 0c-6.824 6.402-6.824 16.777 0 23.18v123.035c-6.824 6.398-6.824 16.777 0 23.175c6.824 6.403 17.89 6.403 24.719 0c6.824-6.398 6.824-16.777 0-23.175z"/><path fill="#ffb13b" d="M182.371 85.19c9.652 0 17.477-7.337 17.477-16.387c0-9.055-7.825-16.39-17.477-16.39s-17.476 7.335-17.476 16.39l-92.782 87c-9.656 0-17.48 7.336-17.48 16.386c0 9.051 7.824 16.387 17.48 16.387c9.653 0 17.477-7.336 17.477-16.387z"/><path fill="#000" fill-opacity=".9" d="M17 121h220.641v73.109c0 17.18-14.036 30.336-32.356 30.336H49.355C31.032 224.445 17 211.289 17 194.109z"/><path fill="#fff" d="M50.027 172.135c-5.175-4.852-8.379-11.551-8.379-18.949c0-14.805 12.809-26.809 28.59-26.809c15.79 0 28.594 12.004 28.594 26.809H82.086c0-6.133-5.309-11.102-11.848-11.102s-11.84 4.969-11.84 11.102c0 3.062 1.329 5.839 3.461 7.839h.008c2.145 2.02 3.93 2.602 8.371 3.266c7.899.77 15.043 3 20.219 7.852c5.176 4.855 8.375 11.554 8.375 18.953c0 14.804-12.805 26.812-28.594 26.812c-15.781 0-28.59-12.008-28.59-26.812h16.75c0 6.133 5.301 11.109 11.84 11.109c6.54 0 11.848-4.976 11.848-11.109c0-3.063-1.324-5.832-3.461-7.84h-.008c-2.144-2.012-5.223-2.703-8.379-3.258v-.004c-7.656-1.101-15.035-3.004-20.21-7.859m105.988-45.758l-20.227 91.531h-16.746l-20.211-91.531h16.75l11.852 53.609l11.832-53.609zm28.597 37.914h28.586v26.805h.008c0 14.808-12.805 26.816-28.594 26.816c-15.793 0-28.59-12.008-28.59-26.816v-37.91h-.007c0-14.805 12.804-26.805 28.597-26.805c15.782 0 28.586 12 28.586 26.805h-16.746c0-6.125-5.308-11.102-11.84-11.102c-6.543 0-11.843 4.977-11.843 11.102v37.91c0 6.133 5.3 11.105 11.843 11.105c6.532 0 11.832-4.972 11.84-11.097v-11.102h-11.84z"/></g></svg>

How to use the Svg Light icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Skill Icons

svg-dark icon
svg-dark

Svg Light icon FAQ

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

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

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

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

Browse all Skill Icons →