Иконка Gce Systems Management

gcp:gce-systems-management

Иконка Gce Systems Management (gcp:gce-systems-management) — бесплатная SVG-иконка из набора Google Cloud Icons от Google Cloud. Она нарисована на сетке 24 × 24. Google Cloud Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Google Cloud Icons
Автор: Google Cloud
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: gcesystems, systemsmanagement, gcesystemsmanagement, system

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#4285f4" d="M13.172 3c.2 0 .385.124.44.3l.016.078l.266 1.742c.82.314 1.57.765 2.219 1.324l1.852-.708a.51.51 0 0 1 .541.13l.049.068l1.902 3.114c.1.173.068.374-.056.518l-.058.058l-1.772 1.313a7.1 7.1 0 0 1-.025 2.064l-2.132-1.193v-.02C16.3 9.12 14.046 7 11.27 7c-2.849 0-5.149 2.233-5.149 5s2.3 5 5.149 5c.814 0 1.583-.182 2.267-.507l2.065 1.235a7.5 7.5 0 0 1-1.651.9l-.304 1.994a.48.48 0 0 1-.39.37l-.085.008H9.368a.47.47 0 0 1-.454-.3l-.022-.078l-.289-1.9a7.5 7.5 0 0 1-2.155-1.18l-1.892.722a.51.51 0 0 1-.541-.13l-.049-.068l-1.902-3.114a.44.44 0 0 1 .056-.518l.058-.058l1.605-1.19a7.1 7.1 0 0 1-.035-2.399l-1.57-1.163a.426.426 0 0 1-.15-.5l.036-.076l1.902-3.114a.51.51 0 0 1 .51-.218l.08.02l1.699.648a7.5 7.5 0 0 1 2.385-1.35l.252-1.656a.48.48 0 0 1 .392-.37L9.368 3zM8.86 9.002c1.257-.94 3.066-1.107 4.507-.232c1.369.83 2.026 2.3 1.81 3.725l6.556 3.978c.275.118.37.516.13.809l-1.035 1.609a.59.59 0 0 1-.819.183l-6.556-3.978c-1.224.814-2.872.884-4.24.053c-1.442-.874-2.14-2.514-1.762-4.035l3.157 1.866l1.35-2.099Z"/></svg>

Как использовать иконку Gce Systems Management

React

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

<Icon icon="gcp:gce-systems-management" width="24" />

Vue

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

<template>
  <Icon icon="gcp:gce-systems-management" width="24" />
</template>

Svelte

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

<Icon icon="gcp:gce-systems-management" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--gce-systems-management]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:gce-systems-management"></div>

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

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

<iconify-icon icon="gcp:gce-systems-management"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/gcp/gce-systems-management.svg" alt="Иконка Gce Systems Management" width="24" height="24">

Вопросы и ответы: Иконка Gce Systems Management

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

Да. Google Cloud Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Gce Systems Management в React?

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

Как добавить иконку Gce Systems Management на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/gcp/gce-systems-management.svg" alt="Иконка Gce Systems Management">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Google Cloud Icons →