Desktop Lock Solid アイコン

Q: Desktop Lock Solid アイコンは商用利用でも無料ですか?

はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-flex:desktop-lock-solid

Desktop Lock Solid アイコン(streamline-flex:desktop-lock-solid)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flex free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 14 × 14
カテゴリ: コンピューター・デバイス
タグ: desktoplock、locksolid、desktoplocksolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M6.873.868a.75.75 0 0 1-.74.76c-1.45.018-2.85.089-4.168.256a.2.2 0 0 0-.172.151c-.216.895-.292 1.587-.292 3.361c0 1.424.137 2.155.281 2.922l.067.36c.027.151.134.23.22.24c1.553.185 3.218.252 4.932.252s3.377-.067 4.93-.252c.086-.01.193-.089.22-.24a.75.75 0 0 1 1.477.266c-.132.733-.714 1.367-1.52 1.463c-.992.118-2.02.19-3.065.228l.407 1.743h1.293a.75.75 0 0 1 0 1.5H3.26a.75.75 0 1 1 0-1.5h1.293l.407-1.743a38 38 0 0 1-3.068-.228c-.805-.096-1.387-.73-1.519-1.463q-.03-.175-.064-.349A15 15 0 0 1 0 5.396c0-1.83.078-2.654.334-3.713A1.7 1.7 0 0 1 1.776.396C3.17.219 4.631.146 6.113.128a.75.75 0 0 1 .76.74M10.5.255a2.16 2.16 0 0 0-2.162 2.162v.623a1.03 1.03 0 0 0-.612.761v.004c-.056.303-.122.666-.122 1.045s.066.741.122 1.045v.004c.083.455.466.805.934.837l.25.018c.501.036 1.04.074 1.59.074s1.09-.038 1.59-.074l.25-.018c.468-.032.85-.382.934-.837v-.004c.056-.304.122-.666.122-1.045s-.066-.742-.121-1.045l-.001-.004a1.02 1.02 0 0 0-.612-.761v-.623A2.16 2.16 0 0 0 10.5.255m0 2.616q.335.001.662.017v-.47a.661.661 0 1 0-1.324 0v.47q.327-.016.662-.017" clip-rule="evenodd"/></svg>

Desktop Lock Solid アイコンの使い方

React

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

<Icon icon="streamline-flex:desktop-lock-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:desktop-lock-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:desktop-lock-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--desktop-lock-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:desktop-lock-solid"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex:desktop-lock-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/desktop-lock-solid.svg" alt="Desktop Lock Solid アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Desktop Lock Solid アイコン

Desktop Lock Solid アイコンのよくある質問

Desktop Lock Solid アイコンは商用利用でも無料ですか?

はい。Flex free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Desktop Lock Solid アイコンを使うには?

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

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

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

Flex free icons をすべて見る →