Cloudflare Workers Icon icon

logos:cloudflare-workers-icon

The Cloudflare Workers Icon icon (logos:cloudflare-workers-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 231 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 231
Tags: cloudflareworkers, workersicon, cloudflareworkersicon, worker

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="231" viewBox="0 0 256 231"><defs><linearGradient id="SVGFf3V3cET" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#eb6f07"/><stop offset="100%" stop-color="#fab743"/></linearGradient><linearGradient id="SVGbKEPJeoz" x1="81%" x2="40.5%" y1="83.7%" y2="29.5%"><stop offset="0%" stop-color="#d96504"/><stop offset="100%" stop-color="#d96504" stop-opacity="0"/></linearGradient><linearGradient id="SVGoxNMdrTH" x1="42%" x2="84%" y1="8.7%" y2="79.9%"><stop offset="0%" stop-color="#eb6f07"/><stop offset="100%" stop-color="#eb720a" stop-opacity="0"/></linearGradient><linearGradient id="SVGKDBwhReo" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#ee6f05"/><stop offset="100%" stop-color="#fab743"/></linearGradient><linearGradient id="SVGH18gbeNl" x1="-33.2%" x2="91.7%" y1="100%" y2="0%"><stop offset="0%" stop-color="#d96504" stop-opacity=".8"/><stop offset="49.8%" stop-color="#d96504" stop-opacity=".2"/><stop offset="100%" stop-color="#d96504" stop-opacity="0"/></linearGradient><linearGradient id="SVGtDkHzcAs" x1="50%" x2="25.7%" y1="100%" y2="8.7%"><stop offset="0%" stop-color="#ffa95f"/><stop offset="100%" stop-color="#ffebc8"/></linearGradient><linearGradient id="SVGrnAeodVJ" x1="8.1%" x2="96.5%" y1="1.1%" y2="48.8%"><stop offset="0%" stop-color="#fff" stop-opacity=".5"/><stop offset="100%" stop-color="#fff" stop-opacity=".1"/></linearGradient><linearGradient id="SVGej85tTiQ" x1="-13.7%" x2="100%" y1="104.2%" y2="46.2%"><stop offset="0%" stop-color="#fff" stop-opacity=".5"/><stop offset="100%" stop-color="#fff" stop-opacity=".1"/></linearGradient></defs><path fill="url(#SVGFf3V3cET)" d="m65.82 3.324l30.161 54.411l-27.698 49.857a16 16 0 0 0 0 15.573l27.698 49.98l-30.16 54.411a32 32 0 0 1-13.542-12.74L4.27 131.412a32.13 32.13 0 0 1 0-32.007l48.01-83.403a32 32 0 0 1 13.542-12.68"/><path fill="url(#SVGbKEPJeoz)" d="M68.283 107.654a16 16 0 0 0 0 15.51l27.698 49.98l-30.16 54.412a32 32 0 0 1-13.542-12.74L4.27 131.412c-3.816-6.586 17.542-14.465 64.014-23.698z" opacity=".7"/><path fill="url(#SVGoxNMdrTH)" d="m68.898 8.802l27.083 48.933l-4.493 7.818l-23.882-40.44c-6.894-11.264-17.42-5.416-30.591 17.358l1.97-3.386l13.294-23.082a32 32 0 0 1 13.419-12.68l3.139 5.479z" opacity=".5"/><path fill="url(#SVGKDBwhReo)" d="m203.696 16.003l48.01 83.403c5.725 9.848 5.725 22.159 0 32.007l-48.01 83.402a32.01 32.01 0 0 1-27.698 16.004h-48.01l59.705-107.654a16 16 0 0 0 0-15.511L127.988 0h48.01a32.01 32.01 0 0 1 27.698 16.003"/><path fill="url(#SVGH18gbeNl)" d="m173.536 230.45l-47.395.43l57.367-108.208a16.62 16.62 0 0 0 0-15.634L126.14 0h10.834l60.197 106.546a16.62 16.62 0 0 1-.062 16.496a9617 9617 0 0 0-38.592 67.707c-11.695 20.558-6.648 33.791 15.018 39.7"/><path fill="url(#SVGtDkHzcAs)" d="M79.978 230.819c-4.924 0-9.849-1.17-14.157-3.263l59.212-106.792a11.05 11.05 0 0 0 0-10.71L65.821 3.324A32 32 0 0 1 79.978 0h48.01l59.705 107.654a16 16 0 0 1 0 15.51L127.988 230.82z"/><path fill="url(#SVGrnAeodVJ)" d="M183.508 110.054L122.448 0h5.54l59.705 107.654a16 16 0 0 1 0 15.51L127.988 230.82h-5.54l61.06-110.055a11.05 11.05 0 0 0 0-10.71" opacity=".6"/><path fill="url(#SVGej85tTiQ)" d="M125.033 110.054L65.821 3.324c1.846-.985 4.062-1.724 6.155-2.34c13.049 23.452 32.315 59.029 57.859 106.67a16 16 0 0 1 0 15.51L71.053 229.589c-2.093-.616-3.201-1.047-5.17-1.97l59.089-106.792a11.05 11.05 0 0 0 0-10.71z" opacity=".6"/></svg>

How to use the Cloudflare Workers Icon icon

React

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

<Icon icon="logos:cloudflare-workers-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:cloudflare-workers-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:cloudflare-workers-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cloudflare-workers-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cloudflare-workers-icon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:cloudflare-workers-icon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/cloudflare-workers-icon.svg" alt="Cloudflare Workers Icon icon" width="24" height="24">

Related icons in SVG Logos

Cloudflare Workers Icon icon FAQ

Is the Cloudflare Workers Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Cloudflare Workers Icon icon in React?

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

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

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

Browse all SVG Logos icons →