Cloud Hsm アイコン

Q: Cloud Hsm アイコンは商用利用でも無料ですか?

はい。Google Cloud Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

gcp:cloud-hsm

Cloud Hsm アイコン(gcp:cloud-hsm)は、Google Cloud Icons セットの無料 SVG アイコンです（作者: 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
タグ: cloudhsm

SVG をダウンロード

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>

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 コンポーネント

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

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

HTML 画像

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

Google Cloud Icons の関連アイコン

Cloud Hsm アイコンのよくある質問

Cloud Hsm アイコンは商用利用でも無料ですか?

はい。Google Cloud Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Cloud Hsm アイコンを使うには?

@iconify/react をインストールして <Icon icon="gcp:cloud-hsm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cloud Hsm アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gcp/cloud-hsm.svg" alt="Cloud Hsm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Google Cloud Icons をすべて見る →