Иконка Kubeedge Light

thesvg-color:kubeedge-light

Иконка Kubeedge Light (thesvg-color:kubeedge-light) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 364 × 357. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 364 × 357
Теги: kubeedgelight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="364" height="357" viewBox="0 0 364 357"><path fill="#1c77c8" d="M99.589 251.108a4.575 4.575 0 1 0 4.72 4.573a4.654 4.654 0 0 0-4.72-4.573m150.361 9.146a4.575 4.575 0 1 0-4.72-4.573a4.653 4.653 0 0 0 4.72 4.573m-16.086-37.929c20.693 0 37.567-16.148 37.567-35.987c0-14.965-9.619-27.82-23.127-33.248c0-1.068.095-2.158.095-3.249c0-30-25.37-54.386-56.78-54.386c-22.649 0-42.029 12.692-51.17 30.998a27.2 27.2 0 0 0-16.038-5.267c-14.559 0-26.206 11.253-26.206 25.105a24.6 24.6 0 0 0 1.122 7.425a36.55 36.55 0 0 0-18.831 31.718c0 20.116 16.97 35.615 37.853 36.798h113.463c.668 0 1.312.093 2.052.093M87.688 185.434a29.35 29.35 0 0 1 15.197-25.468l5.035-2.866l-1.729-5.53a17.4 17.4 0 0 1-.794-5.279c0-9.846 8.398-17.913 19.014-17.913a20.02 20.02 0 0 1 11.786 3.876l6.878 5.04l3.809-7.628c8.173-16.37 25.37-27.019 44.736-27.019c27.472 0 49.587 21.206 49.587 47.194c0 .315-.01.612-.04 1.317a39 39 0 0 0-.055 1.932v4.86l4.51 1.813c11.185 4.495 18.617 14.959 18.617 26.575c0 15.79-13.58 28.795-30.375 28.795a9 9 0 0 1-.56-.029a28 28 0 0 0-.772-.047c-.333-.013-.333-.013-.72-.016H118.349c-17.206-.987-30.661-13.822-30.661-29.607m88.275 82.21a4.575 4.575 0 1 0 4.72 4.573a4.654 4.654 0 0 0-4.72-4.573"/><path fill="#1c77c8" d="m267.594 339.93l81.986-102.808a27.3 27.3 0 0 0 5.273-23.103L325.593 85.82a27.3 27.3 0 0 0-14.775-18.527L192.345 10.24a27.3 27.3 0 0 0-23.697 0L50.174 67.293A27.3 27.3 0 0 0 35.4 85.82L6.14 214.02a27.3 27.3 0 0 0 5.273 23.103L93.399 339.93a27.3 27.3 0 0 0 21.35 10.282h131.496a27.3 27.3 0 0 0 21.35-10.282zm-31.11-89.023a14.174 14.174 0 1 1 0 9.547H209.56v-2.411h-.183v-28.612q-11.455-.005-28.64-.009v29.45a14.32 14.32 0 1 1-9.547-.001v-29.45l-28.64-.005v28.627h-.184v2.411h-29.31a14.174 14.174 0 1 1-.001-9.547h19.948v-21.492l-15.061-.002c-24.922-1.412-44.638-20.22-44.638-43.98a43.46 43.46 0 0 1 17.964-35.046a33 33 0 0 1-.255-4.096c0-17.923 14.965-32.297 33.398-32.297a34.3 34.3 0 0 1 13.372 2.728a64.37 64.37 0 0 1 53.837-28.459c34.843 0 63.252 26.823 63.958 60.303a43.09 43.09 0 0 1 23.045 37.772c0 23.876-20.157 43.18-44.759 43.18c-.523 0-.896-.02-1.547-.064c-.111-.007-4.585-.013-13.393-.018v21.471z"/><path fill="#fff" d="M232.532 215.057c.243.011.448.024.773.047a9 9 0 0 0 .56.03c16.793 0 30.374-13.006 30.374-28.796c0-11.616-7.432-22.08-18.618-26.575l-4.51-1.813v-4.86c0-.586.015-1.008.055-1.932c.031-.705.041-1.002.041-1.317c0-25.988-22.115-47.194-49.587-47.194c-19.365 0-36.563 10.65-44.736 27.02l-3.81 7.628l-6.877-5.041a20.02 20.02 0 0 0-11.786-3.876c-10.616 0-19.014 8.067-19.014 17.913a17.4 17.4 0 0 0 .794 5.28l1.729 5.529l-5.035 2.866a29.35 29.35 0 0 0-15.197 25.468c0 15.785 13.455 28.62 30.66 29.607h113.464c.387.003.387.003.72.016"/><path fill="#fff" d="M218.924 222.61v6.826c8.808.005 13.282.011 13.393.018c.651.045 1.024.063 1.547.063c24.602 0 44.758-19.303 44.758-43.179a43.09 43.09 0 0 0-23.045-37.772c-.705-33.48-29.114-60.303-63.957-60.303a64.37 64.37 0 0 0-53.837 28.46a34.3 34.3 0 0 0-13.372-2.729c-18.433 0-33.398 14.374-33.398 32.297a33 33 0 0 0 .255 4.096a43.46 43.46 0 0 0-17.964 35.047c0 23.759 19.716 42.567 44.638 43.979l15.06.002v-6.805h9.548v6.806l28.64.005v-4.449h9.547v4.45q17.178.004 28.64.01v-6.822zm-100.575-.378c-20.884-1.183-37.853-16.682-37.853-36.798a36.55 36.55 0 0 1 18.83-31.718a24.6 24.6 0 0 1-1.121-7.425c0-13.852 11.647-25.105 26.206-25.105a27.2 27.2 0 0 1 16.038 5.267c9.141-18.306 28.521-30.998 51.17-30.998c31.41 0 56.78 24.386 56.78 54.386c0 1.09-.095 2.181-.095 3.249c13.508 5.429 23.127 18.283 23.127 33.248c0 19.838-16.874 35.987-37.567 35.987c-.74 0-1.384-.093-2.052-.093z"/><path fill="#fff" d="M218.924 222.61h-9.547v35.433h.183v2.411h26.924a13.77 13.77 0 0 1 0-9.547h-17.56zm-47.734 2.362v33.899a14.2 14.2 0 0 1 9.547 0v-33.899zm-38.187-2.362v28.297h-19.948a13.78 13.78 0 0 1 0 9.547h29.311v-2.411h.184V222.61z"/><path fill="#fff" d="M113.055 250.907a14.174 14.174 0 1 0 0 9.547a13.78 13.78 0 0 0 0-9.547m-13.466 9.347a4.575 4.575 0 1 1 4.72-4.573a4.653 4.653 0 0 1-4.72 4.573m71.601-1.383a14.32 14.32 0 1 0 9.547 0a14.2 14.2 0 0 0-9.547 0m4.773 17.919a4.575 4.575 0 1 1 4.72-4.573a4.653 4.653 0 0 1-4.72 4.573m60.521-16.336a14.174 14.174 0 1 0 0-9.547a13.77 13.77 0 0 0 0 9.547m13.467-9.346a4.575 4.575 0 1 1-4.72 4.573a4.655 4.655 0 0 1 4.72-4.573"/></svg>

Как использовать иконку Kubeedge Light

React

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

<Icon icon="thesvg-color:kubeedge-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:kubeedge-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:kubeedge-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kubeedge-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kubeedge-light"></div>

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

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

<iconify-icon icon="thesvg-color:kubeedge-light"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/kubeedge-light.svg" alt="Иконка Kubeedge Light" width="24" height="24">

Вопросы и ответы: Иконка Kubeedge Light

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

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

Как использовать иконку Kubeedge Light в React?

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

Как добавить иконку Kubeedge Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/kubeedge-light.svg" alt="Иконка Kubeedge Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →