ICONYZ
日本語
Qlementine Icons の Usb Key 16 アイコン

Usb Key 16 アイコン

qlementine-icons:usb-key-16

Usb Key 16 アイコン(qlementine-icons:usb-key-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
24 × 24
カテゴリ
ハードウェア
タグ
usbkey
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.23 1.85c-.228.551-.228 1.25-.228 2.65v5.3c0 1.12 0 1.68.218 2.11c.192.376.498.682.874.874c.238.121.516.175.908.199v2.52a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-2.52c.392-.024.67-.078.908-.199c.376-.192.682-.498.874-.874c.218-.428.218-.988.218-2.11V4.5c0-1.4 0-2.1-.228-2.65a2.98 2.98 0 0 0-1.62-1.62c-.551-.228-1.25-.228-2.65-.228s-2.1 0-2.65.228a3 3 0 0 0-1.62 1.62zM12 9.8V4.5c0-.713 0-1.2-.026-1.57c-.025-.367-.07-.558-.126-.692a2 2 0 0 0-1.08-1.08c-.134-.055-.324-.101-.692-.126c-.376-.026-.861-.026-1.57-.026s-1.2 0-1.57.026c-.367.025-.558.07-.692.126c-.49.203-.88.592-1.08 1.08c-.055.134-.101.325-.126.692c-.026.376-.026.861-.026 1.57v5.3c0 .577 0 .949.024 1.23c.022.272.06.372.085.422a1 1 0 0 0 .437.437c.049.025.15.063.422.085c.283.023.656.024 1.23.024h2.6c.577 0 .949 0 1.23-.024c.272-.022.372-.06.422-.085c.188-.096.34-.249.437-.437c.025-.05.063-.15.085-.422c.023-.283.024-.656.024-1.23zM7 15v-2h3v2z" clip-rule="evenodd"/></svg>

Usb Key 16 アイコンの使い方

React

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

<Icon icon="qlementine-icons:usb-key-16" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:usb-key-16" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:usb-key-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--usb-key-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:usb-key-16"></div>

Web コンポーネント

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

<iconify-icon icon="qlementine-icons:usb-key-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/usb-key-16.svg" alt="Usb Key 16 アイコン" width="24" height="24">

Usb Key 16 アイコン のよくある質問

Usb Key 16 アイコンは商用利用でも無料ですか?

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

React で Usb Key 16 アイコンを使うには?

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

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

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

Qlementine Icons をすべて見る →