Иконка Cloudflare Workers Icon

logos:cloudflare-workers-icon

Иконка Cloudflare Workers Icon (logos:cloudflare-workers-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 231. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 231
Теги: cloudflareworkers, workersicon, cloudflareworkersicon, worker

Скачать SVG

Код SVG

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

Как использовать иконку Cloudflare Workers 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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Cloudflare Workers Icon

Можно ли бесплатно использовать иконку Cloudflare Workers Icon в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Cloudflare Workers Icon в React?

Установите @iconify/react и выведите <Icon icon="logos:cloudflare-workers-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cloudflare Workers Icon на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/cloudflare-workers-icon.svg" alt="Иконка Cloudflare Workers Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →