Иконка Cloud Tpu

gcp:cloud-tpu

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#4285f4"><path d="M6.48 9.62a.37.37 0 1 1-.05-.74l2.3-.32a.37.37 0 0 1 .42.32a.38.38 0 0 1-.32.43l-2.3.31Zm2.82-.327l.232-.713l4.145 1.352l-.232.713z"/><path d="M9.18 9.16h-.11a.37.37 0 0 1-.24-.46l.83-2.84a.37.37 0 0 1 .46-.24a.36.36 0 0 1 .26.45l-.84 2.81a.38.38 0 0 1-.36.28m5.13 1.4a.36.36 0 0 1-.31-.17a.36.36 0 0 1 0-.39l1.67-4.23a.38.38 0 0 1 .47-.18a.38.38 0 0 1 .23.45l-1.68 4.24a.39.39 0 0 1-.38.28m-8.64 6.043l3.93-3.138l.468.586l-3.93 3.138z"/><path d="m14.12 10.71l.29-.69l3.64 1.59l-.3.68zm-.13 3.88l.52-.55l3.23 3.05l-.52.54zM8.788 9.113l.735-.15l.808 3.98l-.735.149z"/><path d="m9.96 13.6l4.1-3.6l.5.56l-4.1 3.6z"/><path d="m13.75 14.22l.24-3.97l.75.05l-.25 3.97z"/><circle cx="10.01" cy="13.82" r="1.36"/><circle cx="14.37" cy="10.36" r="1.61"/><circle cx="14.36" cy="14.54" r=".84"/><circle cx="9.04" cy="8.67" r=".99"/></g><path fill="#669df6" d="M13 3h-2v4h2zm4 0h-2v4h2zM9 3H7v4h2zm4 14h-2v4h2zm4 0h-2v4h2zm-8 0H7v4h2zm-2-6H3v2h4zm0-4H3v2h4zm0 8H3v2h4zm14-4h-4v2h4zm0-4h-4v2h4zm0 8h-4v2h4z"/><path fill="#669df6" d="M18 5H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1m-1 11.47a.53.53 0 0 1-.53.53H7.53a.53.53 0 0 1-.53-.53V7.53A.53.53 0 0 1 7.53 7h8.94a.53.53 0 0 1 .53.53Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Google Cloud Icons →