Workers Dark icon

skill-icons:workers-dark

The Workers Dark icon (skill-icons:workers-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: workersdark, worker

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="#242938" rx="60"/><path fill="url(#SVGa9OLtdpV)" d="m79.423 40.597l23.562 42.509l-21.639 38.95a12.5 12.5 0 0 0 0 12.166l21.639 39.047l-23.562 42.509a25 25 0 0 1-10.58-9.954l-37.508-65.158a25.1 25.1 0 0 1 0-25.005l37.508-65.158a25 25 0 0 1 10.58-9.906"/><path fill="url(#SVGiJYEKeuw)" d="M81.346 122.104a12.51 12.51 0 0 0 0 12.118l21.639 39.047l-23.562 42.509a25 25 0 0 1-10.58-9.954l-37.508-65.158c-2.981-5.145 13.705-11.3 50.011-18.513z" opacity=".7"/><path fill="url(#SVGRqacdeDc)" d="m81.827 44.876l21.158 38.23l-3.51 6.107L80.817 57.62c-5.386-8.8-13.609-4.232-23.9 13.56l1.54-2.645l10.386-18.032a25 25 0 0 1 10.483-9.906l2.453 4.28z" opacity=".5"/><path fill="url(#SVGnuY4YHYu)" d="m187.138 50.503l37.508 65.158c4.472 7.694 4.472 17.311 0 25.005l-37.508 65.158a25 25 0 0 1-21.639 12.503h-37.508l46.644-84.104a12.5 12.5 0 0 0 0-12.118L127.991 38h37.508a25 25 0 0 1 21.639 12.503"/><path fill="url(#SVGd6EOfecR)" d="m163.575 218.039l-37.027.336l44.817-84.537a12.98 12.98 0 0 0 0-12.214L126.548 38h8.463l47.03 83.239a12.99 12.99 0 0 1-.048 12.887a7542 7542 0 0 0-30.151 52.896c-9.137 16.061-5.193 26.4 11.733 31.017"/><path fill="url(#SVGZBI2UHYz)" d="M90.483 218.327c-3.847 0-7.694-.914-11.06-2.549l46.26-83.431a8.63 8.63 0 0 0 0-8.367l-46.26-83.383A25 25 0 0 1 90.483 38h37.508l46.644 84.105a12.5 12.5 0 0 1 0 12.118l-46.644 84.104z"/><path fill="url(#SVGpZM0mdKs)" d="M171.365 123.98L123.663 38h4.328l46.644 84.105a12.5 12.5 0 0 1 0 12.118l-46.644 84.104h-4.328l47.702-85.98a8.63 8.63 0 0 0 0-8.367" opacity=".6"/><path fill="url(#SVGM51KoebH)" d="m125.683 123.98l-46.26-83.383c1.442-.77 3.173-1.347 4.808-1.828c10.195 18.322 25.246 46.116 45.202 83.336a12.5 12.5 0 0 1 0 12.118L83.51 217.365c-1.635-.48-2.5-.817-4.04-1.538l46.164-83.432a8.63 8.63 0 0 0 0-8.367z" opacity=".6"/><defs><linearGradient id="SVGa9OLtdpV" x1="65.493" x2="-11.309" y1="215.778" y2="92.263" gradientUnits="userSpaceOnUse"><stop stop-color="#eb6f07"/><stop offset="1" stop-color="#fab743"/></linearGradient><linearGradient id="SVGiJYEKeuw" x1="89.307" x2="49.763" y1="200.51" y2="159.839" gradientUnits="userSpaceOnUse"><stop stop-color="#d96504"/><stop offset="1" stop-color="#d96504" stop-opacity="0"/></linearGradient><linearGradient id="SVGRqacdeDc" x1="76.266" x2="97.2" y1="44.826" y2="78.454" gradientUnits="userSpaceOnUse"><stop stop-color="#eb6f07"/><stop offset="1" stop-color="#eb720a" stop-opacity="0"/></linearGradient><linearGradient id="SVGnuY4YHYu" x1="177.995" x2="109.226" y1="218.327" y2="75.029" gradientUnits="userSpaceOnUse"><stop stop-color="#ee6f05"/><stop offset="1" stop-color="#fab743"/></linearGradient><linearGradient id="SVGd6EOfecR" x1="107.564" x2="217.671" y1="218.375" y2="190.429" gradientUnits="userSpaceOnUse"><stop stop-color="#d96504" stop-opacity=".8"/><stop offset=".498" stop-color="#d96504" stop-opacity=".2"/><stop offset="1" stop-color="#d96504" stop-opacity="0"/></linearGradient><linearGradient id="SVGZBI2UHYz" x1="127.812" x2="57.639" y1="218.327" y2="76.826" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa95f"/><stop offset="1" stop-color="#ffebc8"/></linearGradient><linearGradient id="SVGpZM0mdKs" x1="127.918" x2="186.439" y1="39.984" y2="49.184" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".5"/><stop offset="1" stop-color="#fff" stop-opacity=".1"/></linearGradient><linearGradient id="SVGM51KoebH" x1="72.357" x2="144.69" y1="224.866" y2="214.211" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".5"/><stop offset="1" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs></g></svg>

How to use the Workers Dark icon

React

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

<Icon icon="skill-icons:workers-dark" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:workers-dark" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:workers-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

HTML image

<img src="https://iconyz.com/api/public/svg/skill-icons/workers-dark.svg" alt="Workers Dark icon" width="24" height="24">

Related icons in Skill Icons

Workers Dark icon FAQ

Is the Workers 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 Workers Dark icon in React?

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

How do I add the Workers Dark icon to a web page?

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

Browse all Skill Icons →