ICONYZ
日本語
Simple Icons の Googleauthenticator アイコン

Googleauthenticator アイコン

simple-icons:googleauthenticator

Googleauthenticator アイコン(simple-icons:googleauthenticator)は、Simple Icons セットの無料 SVG アイコンです(作者: Simple Icons Collaborators)。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Simple Icons
作者
Simple Icons Collaborators
ライセンス
CC0-1.0
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.957 1.338a2 2 0 0 0-.957.27a2.02 2.02 0 0 0-.74 2.761l3.238 5.61H2.022a2.021 2.021 0 1 0 0 4.043h6.476L5.26 19.63a2.022 2.022 0 1 0 3.502 2.021L12 16.045l3.238 5.607a2.022 2.022 0 0 0 3.502-2.021l-3.238-5.61h6.477a2.022 2.022 0 0 0 0-4.043h-6.477L18.74 4.37a2.022 2.022 0 1 0-3.502-2.021L12 7.955L8.762 2.348a2.02 2.02 0 0 0-1.805-1.01m9.959 1.006c.193-.013.393.031.578.138a.996.996 0 0 1 .371 1.381l-4.113 7.125h8.226c.571 0 1.012.441 1.012 1.012s-.44 1.012-1.012 1.012H14.92l-1.168-2.024l-1.168-2.023l3.53-6.112c.178-.308.48-.488.802-.51zm-9.934.004c.36-.01.708.166.905.506l3.529 6.11l-1.168 2.024l-1.168 2.024H2.022c-.571 0-1.012-.441-1.012-1.012s.44-1.012 1.012-1.012h8.226L6.135 3.863a.996.996 0 0 1 .37-1.38a1 1 0 0 1 .477-.135m2.684 11.674h4.668l3.531 6.115a.996.996 0 0 1-.37 1.38a.996.996 0 0 1-1.382-.37L12 14.025l-4.113 7.121a.996.996 0 0 1-1.381.372a.996.996 0 0 1-.371-1.381Z"/></svg>

Googleauthenticator アイコンの使い方

React

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

<Icon icon="simple-icons:googleauthenticator" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:googleauthenticator" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:googleauthenticator" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--googleauthenticator]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:googleauthenticator"></div>

Web コンポーネント

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

<iconify-icon icon="simple-icons:googleauthenticator"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/googleauthenticator.svg" alt="Googleauthenticator アイコン" width="24" height="24">

Googleauthenticator アイコン のよくある質問

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

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

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

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

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

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

Simple Icons をすべて見る →