Shield User Light アイコン

Q: Shield User Light アイコンは商用利用でも無料ですか?

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

stash:shield-user-light

Shield User Light アイコン(stash:shield-user-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: shielduser、userlight、shielduserlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.5a3.13 3.13 0 0 0-3.14 3.125A3.13 3.13 0 0 0 12 12.75a3.13 3.13 0 0 0 3.14-3.125A3.13 3.13 0 0 0 12 6.5M9.86 9.625c0-1.171.956-2.125 2.14-2.125s2.14.954 2.14 2.125A2.13 2.13 0 0 1 12 11.75a2.13 2.13 0 0 1-2.14-2.125"/><path fill="currentColor" d="M13.04 1.56a3.25 3.25 0 0 0-2.085.001L4.179 3.856a2.69 2.69 0 0 0-1.83 2.32c-.353 4.41.24 7.876 1.838 10.593c1.603 2.725 4.159 4.598 7.535 5.929a.75.75 0 0 0 .55 0c3.379-1.331 5.936-3.204 7.54-5.929c1.6-2.717 2.192-6.184 1.84-10.592a2.69 2.69 0 0 0-1.831-2.32zm-1.604 1.422a1.75 1.75 0 0 1 1.122 0l6.782 2.295c.462.156.78.561.817 1.019c.337 4.226-.248 7.351-1.638 9.712q-.117.201-.244.395a3.84 3.84 0 0 0-.953-1.6c-.76-.76-1.818-1.167-3.017-1.3l-.25-.028l-.17.183l-.004.004l-.023.023l-.102.094c-.092.08-.23.189-.402.298c-.35.22-.82.423-1.354.423s-1.004-.203-1.354-.423a3.3 3.3 0 0 1-.527-.415l-.004-.004l-.17-.183l-.25.028c-1.2.133-2.257.54-3.017 1.3a3.84 3.84 0 0 0-.953 1.601q-.127-.195-.245-.396c-1.39-2.36-1.974-5.486-1.637-9.712a1.19 1.19 0 0 1 .817-1.02zm-4.91 14.494c.088-.87.401-1.509.859-1.966c.512-.512 1.252-.845 2.194-.984l.009.008c.123.107.301.248.526.39c.445.28 1.1.576 1.886.576s1.44-.297 1.886-.577a4 4 0 0 0 .526-.39l.009-.007c.942.139 1.682.472 2.194.984c.457.457.77 1.095.86 1.965c-1.326 1.553-3.141 2.761-5.478 3.717c-2.334-.956-4.147-2.163-5.471-3.716"/></svg>

Shield User Light アイコンの使い方

React

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

<Icon icon="stash:shield-user-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:shield-user-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:shield-user-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--shield-user-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:shield-user-light"></div>

Web コンポーネント

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

<iconify-icon icon="stash:shield-user-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/shield-user-light.svg" alt="Shield User Light アイコン" width="24" height="24">

Stash Icons の関連アイコン

Shield User Light アイコンのよくある質問

Shield User Light アイコンは商用利用でも無料ですか?

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

React で Shield User Light アイコンを使うには?

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

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

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

Stash Icons をすべて見る →