Ícone Cloud Hsm

gcp:cloud-hsm

O ícone Cloud Hsm (gcp:cloud-hsm) é um ícone SVG gratuito da coleção Google Cloud Icons de Google Cloud. Ele é desenhado em uma grade de 24 × 24. Google Cloud Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Google Cloud Icons
Autor: Google Cloud
Licença: Apache-2.0
Tamanho: 24 × 24
Tags: cloudhsm

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#669df6" d="m12 2.25l-.4.27v1l.4.27a3.43 3.43 0 0 1 3.43 3.41v1.56A7.2 7.2 0 0 1 17 9.81v-2.6a5 5 0 0 0-5-4.96"/><path fill="#4285f4" d="m15.93 18.77l-1.28-1.28a3.7 3.7 0 0 0 .49-.81a3.4 3.4 0 0 0 0-2.66a3.6 3.6 0 0 0-.74-1.1a3.4 3.4 0 0 0-1.09-.73a3 3 0 0 0-.56-.18v-1.82h-1.53V12a3.6 3.6 0 0 0-.55.19a3.5 3.5 0 0 0-1.09.72A3.4 3.4 0 0 0 8.85 14a4 4 0 0 0-.18.56h1.59a2 2 0 0 1 .4-.58a1.9 1.9 0 0 1 .6-.4a1.89 1.89 0 0 1 2.07.4a1.7 1.7 0 0 1 .41.6a1.89 1.89 0 0 1-.41 2.08a1.9 1.9 0 0 1-.6.4a1.91 1.91 0 0 1-2.08-.4a2.3 2.3 0 0 1-.39-.58H8.68a3 3 0 0 0 .18.56A3.42 3.42 0 0 0 12 18.73a3.6 3.6 0 0 0 1.33-.28l.11-.06l1.32 1.33Z"/><path fill="#aecbfa" d="M12 2.25a5 5 0 0 0-5 4.96v2.61a7.3 7.3 0 0 1 1.56-1.06V7.2A3.43 3.43 0 0 1 12 3.77Z"/><path fill="#669df6" d="M13 10.5a4.3 4.3 0 0 1 .93.28a4 4 0 0 1 .83.45l.22.16l1.08-1.09a5 5 0 0 0-.46-.3a5.7 5.7 0 0 0-1.09-.59A6 6 0 0 0 13.28 9A6 6 0 0 0 12 8.88l-.2.12v1.41l.19.05a3.7 3.7 0 0 1 .76 0Zm5.32 3.5a5.8 5.8 0 0 0-.38-1.22a6.3 6.3 0 0 0-.59-1.08c-.07-.11-.16-.22-.23-.32L16 12.5a.5.5 0 0 1 .06.09a5 5 0 0 1 .46.83a4.89 4.89 0 0 1-.82 5.15a5.2 5.2 0 0 1-1.17.94a6 6 0 0 1-.64.34a5 5 0 0 1-.93.28h-.24v1.57a4 4 0 0 0 .54-.08a5.8 5.8 0 0 0 1.22-.38a6.4 6.4 0 0 0 1.09-.59a6 6 0 0 0 1-.79a7 7 0 0 0 .8-.89a7 7 0 0 0 .63-1.09a7 7 0 0 0 .38-1.22a7 7 0 0 0 .13-1.3a7.3 7.3 0 0 0-.19-1.36"/><path fill="#aecbfa" d="M7.9 12.59a4.7 4.7 0 0 1 1.33-1.33a4.4 4.4 0 0 1 .83-.45a4.3 4.3 0 0 1 .93-.28a5.6 5.6 0 0 1 1-.11V8.88a6.5 6.5 0 0 0-1.31.12a6 6 0 0 0-1.21.38a7 7 0 0 0-1.1.59a6.5 6.5 0 0 0-.95.79a6.6 6.6 0 0 0-.78 1a6.4 6.4 0 0 0-.59 1.09A6.5 6.5 0 0 0 5.67 14a6.7 6.7 0 0 0 0 2.6a5.8 5.8 0 0 0 .38 1.22A6.4 6.4 0 0 0 6.64 19a6.5 6.5 0 0 0 .78.95a6 6 0 0 0 1 .79a5.7 5.7 0 0 0 1.09.59a5.8 5.8 0 0 0 1.22.38c.17 0 .35.06.53.09v-1.59h-.23a4.3 4.3 0 0 1-.93-.28a4.4 4.4 0 0 1-.83-.45a5 5 0 0 1-1.37-1.37a6 6 0 0 1-.46-.84a4.92 4.92 0 0 1 0-3.84a3.8 3.8 0 0 1 .46-.84"/></svg>

Como usar o ícone Cloud Hsm

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/gcp/cloud-hsm.svg" alt="Ícone Cloud Hsm" width="24" height="24">

Ícones relacionados em Google Cloud Icons

Perguntas frequentes sobre Ícone Cloud Hsm

O ícone Cloud Hsm é grátis para uso comercial?

Sim. Google Cloud Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Cloud Hsm no React?

Instale @iconify/react e renderize <Icon icon="gcp:cloud-hsm" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Cloud Hsm a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/gcp/cloud-hsm.svg" alt="Ícone Cloud Hsm">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Google Cloud Icons →