Logmein アイコン
simple-icons:logmein
Logmein アイコン(simple-icons:logmein)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.372 0 0 5.373 0 12s5.372 12 12 12s12-5.373 12-12S18.628 0 12 0M5.379 4.768h1.74q.22 0 .424.01a.38.38 0 0 1 .303.152a.7.7 0 0 1 .11.364q.01.223.01.484v12.093q0 .263.01.587t-.091.485q-.08.143-.363.222a.8.8 0 0 1-.304.02a3 3 0 0 0-.323-.02H5.702q-.223 0-.415-.02a.57.57 0 0 1-.314-.12a.48.48 0 0 1-.12-.304a4 4 0 0 1-.02-.424V6.203q0-.282-.01-.667q-.01-.383.09-.545a.6.6 0 0 1 .264-.202q.061 0 .11-.01a1 1 0 0 1 .092-.011m10.527 3.687q.303-.011.548.019q.848.047 1.464.338a2.97 2.97 0 0 1 1.273 1.133q.142.223.222.475q.083.253.164.515q.039.162.05.304q.008.142.05.284q0 .12.02.16q.04.284.04.587v5.661q0 .386-.01.738q-.011.356-.294.456a.9.9 0 0 1-.283.04h-1.415q-.244 0-.435-.03a.42.42 0 0 1-.293-.173a.6.6 0 0 1-.09-.313a9 9 0 0 1-.01-.416v-4.426q0-.75-.06-1.386q-.062-.636-.365-1.082a1.43 1.43 0 0 0-.668-.51c-.186-.095-.488-.156-.827-.156c-.397 0-.74.083-.912.207q-.209.087-.362.197q-.648.466-.77 1.354q-.121.89-.123 2.002v4.125q0 .182-.06.304a.42.42 0 0 1-.323.262q-.223.04-.545.04H10.88q-.224 0-.446-.02t-.323-.142q-.143-.18-.131-.525q.009-.345.009-.647V9.6q0-.221.01-.403a.5.5 0 0 1 .112-.305a.24.24 0 0 1 .132-.09q.09-.03.191-.05h.102q.102-.021.212-.022h1.06q.163 0 .316.012q.15.01.271.05q.143.06.193.181c.03.072.03.147.054.24c.056.23.118.486.291.508c.08.01.159-.025.224-.09c.031-.022.114-.11.14-.144c.095-.114.28-.278.388-.346c.078-.058.142-.1.202-.136c.192-.134.483-.261.832-.36q.021-.01.042-.016q.167-.054.342-.077l.159-.029c.224-.038.442-.06.643-.068Z"/></svg>Logmein アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:logmein" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:logmein" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:logmein" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--logmein]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:logmein"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:logmein"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/logmein.svg" alt="Logmein アイコン" width="24" height="24">他のアイコンセットの Logmein アイコン
Logmein アイコン のよくある質問
Logmein アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logmein アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:logmein" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logmein アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/logmein.svg" alt="Logmein アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。