ICONYZ
日本語
Flex free icons の Portrait Lock Solid アイコン

Portrait Lock Solid アイコン

streamline-flex:portrait-lock-solid

Portrait Lock Solid アイコン(streamline-flex:portrait-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
カテゴリ
画像・写真
タグ
portraitlock、locksolid、portraitlocksolid
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="M3.124.435C4.005.337 4.928.25 5.875.25s1.87.087 2.751.185a3.07 3.07 0 0 1 2.7 2.707c.068.644.13 1.31.158 1.992a3.59 3.59 0 0 0-4.381 2.753a3.7 3.7 0 0 0-1-.137c-1.501 0-2.827.904-3.457 2.213q.199.06.409.084c1.012.112 2.025.204 3.05.204l.18-.001a8 8 0 0 0-.117 1.247q-.146.003-.293.003c-.947 0-1.87-.087-2.751-.185a3.07 3.07 0 0 1-2.7-2.707C.332 7.732.25 6.815.25 5.875s.081-1.857.175-2.733A3.07 3.07 0 0 1 3.124.435m2.751 5.97c1.15 0 1.797-.646 1.797-1.796s-.647-1.796-1.797-1.796s-1.797.646-1.797 1.796s.647 1.797 1.797 1.797m4.743-.155a2.34 2.34 0 0 0-2.341 2.341v.713a1.02 1.02 0 0 0-.709.812l-.013.082c-.064.384-.137.828-.137 1.287s.073.903.137 1.287l.013.082c.076.46.457.817.928.853l.33.026c.565.044 1.172.093 1.792.093s1.228-.049 1.793-.093q.167-.015.33-.026a1.02 1.02 0 0 0 .927-.853l.014-.082c.063-.384.137-.828.137-1.287s-.074-.903-.137-1.287l-.014-.082a1.02 1.02 0 0 0-.708-.812v-.713a2.34 2.34 0 0 0-2.342-2.341m0 2.895q.427.001.842.025V8.59a.841.841 0 1 0-1.683 0v.579q.415-.024.841-.025" clip-rule="evenodd"/></svg>

Portrait Lock Solid アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:portrait-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:portrait-lock-solid"></iconify-icon>

HTML 画像

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

Flex free icons の関連アイコン

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

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

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

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

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

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

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

Flex free icons をすべて見る →