Иконка Cloud Ids

gcp:cloud-ids

Иконка Cloud Ids (gcp:cloud-ids) — бесплатная 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
Теги: cloudids

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#aecbfa" d="M6 7.85v3.78a6 6 0 0 0 0 .75A7.58 7.58 0 0 0 8.4 17a7.34 7.34 0 0 0 3.43 1.86H12v-3.74a3.12 3.12 0 0 1 0-6.24V5.06Zm14.22 3.37a.78.78 0 0 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75A1.53 1.53 0 1 0 21.75 12a1.53 1.53 0 0 0-1.53-1.53"/><path fill="#4285f4" d="M12 5.06v3.82a3.12 3.12 0 0 1 0 6.24v3.76h.17A7.34 7.34 0 0 0 15.6 17a7.58 7.58 0 0 0 2.34-4.6a6 6 0 0 0 0-.75v-3.8Zm8.22-.35a.78.78 0 1 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75a1.53 1.53 0 1 0 1.53 1.53A1.52 1.52 0 0 0 20.22 4ZM3.78 17.73a.78.78 0 0 1 0 1.56a.78.78 0 1 1 0-1.56m0-.75a1.53 1.53 0 1 0 1.52 1.53A1.53 1.53 0 0 0 3.78 17Z"/><path fill="#aecbfa" d="M3.78 11.22a.78.78 0 0 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75A1.53 1.53 0 1 0 5.3 12a1.53 1.53 0 0 0-1.52-1.53"/><path fill="#669df6" d="M18.75 11.63H18a6 6 0 0 1 0 .75h.81a1.7 1.7 0 0 1-.11-.38a1.5 1.5 0 0 1 .05-.37m-13.5.75h.81a6 6 0 0 1 0-.75h-.81a1.5 1.5 0 0 1 0 .37a1.7 1.7 0 0 1 0 .38m1.62-7.27H5.25a1.6 1.6 0 0 1 0 .38a1.5 1.5 0 0 1 0 .37h1.4l1.5 1L9 6.48Zm11.88 0h-1.62l-2.08 1.37l.8.38l1.5-1h1.4a1.5 1.5 0 0 1-.05-.37a1.6 1.6 0 0 1 .05-.38M9 17.49a7 7 0 0 1-.6-.49l-1.75 1.14h-1.4a1.5 1.5 0 0 1 0 .37a1.6 1.6 0 0 1 0 .38h1.62Zm9.75.65h-1.4L15.6 17a7 7 0 0 1-.59.51l2.12 1.4h1.62a1.6 1.6 0 0 1-.05-.38a1.5 1.5 0 0 1 .05-.39M12 10.38A1.62 1.62 0 1 0 13.62 12A1.63 1.63 0 0 0 12 10.38"/><path fill="#669df6" d="M20.22 17.73a.78.78 0 1 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75a1.53 1.53 0 1 0 1.53 1.53A1.53 1.53 0 0 0 20.22 17ZM3.78 4.71a.78.78 0 0 1 0 1.56a.78.78 0 0 1 0-1.56m0-.75A1.53 1.53 0 1 0 5.3 5.49A1.52 1.52 0 0 0 3.78 4Z"/></svg>

Как использовать иконку Cloud Ids

React

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

<Icon icon="gcp:cloud-ids" width="24" />

Vue

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

<template>
  <Icon icon="gcp:cloud-ids" width="24" />
</template>

Svelte

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

<Icon icon="gcp:cloud-ids" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--cloud-ids]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:cloud-ids"></div>

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

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

<iconify-icon icon="gcp:cloud-ids"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/gcp/cloud-ids.svg" alt="Иконка Cloud Ids" width="24" height="24">

Вопросы и ответы: Иконка Cloud Ids

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

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

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

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

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

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

Все Google Cloud Icons →