User Shield アイコン

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

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

stash:user-shield

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

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

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="M7.67 6c0-1.224 1.025-2.25 2.33-2.25c1.304 0 2.328 1.026 2.328 2.25S11.304 8.25 10 8.25C8.695 8.25 7.671 7.224 7.671 6M10 2.25C7.902 2.25 6.17 3.91 6.17 6S7.904 9.75 10 9.75S13.827 8.09 13.827 6S12.096 2.25 10 2.25m-2.913 9.61c.064-.018.202-.011.383.106c.513.332 1.4.77 2.53.77s2.016-.438 2.529-.77c.181-.117.319-.124.383-.107q.216.06.429.128l.984.315a.75.75 0 0 0 .458-1.428l-.985-.316q-.243-.077-.488-.145c-.611-.168-1.192.033-1.596.294c-.37.24-.974.529-1.715.529c-.74 0-1.344-.29-1.714-.53c-.404-.26-.985-.461-1.596-.293q-.245.068-.488.145l-.985.316a3.77 3.77 0 0 0-2.428 2.342c-.076.22-.108.432-.126.604l-.388 3.673c-.16 1.177.492 2.388 1.781 2.687c1.198.278 3.127.57 5.944.57a.75.75 0 0 0 0-1.5c-2.714 0-4.528-.28-5.605-.53c-.427-.1-.708-.503-.633-1.03l.002-.013l.39-3.7a1.2 1.2 0 0 1 .053-.271a2.27 2.27 0 0 1 1.468-1.404l.984-.315q.213-.068.429-.128m10.008.751c.05-.017.108-.038.172-.054a.5.5 0 0 1 .465 0c.064.016.123.037.173.054l.02.007l2.72.941l.035.013c.135.046.307.105.451.225c.121.1.223.24.284.386c.07.172.075.346.079.481v.034c.023.78-.006 2.379-.569 3.598c-.31.67-.837 1.272-1.35 1.752a12 12 0 0 1-1.398 1.11l-.024.017c-.077.052-.17.116-.285.163a.5.5 0 0 1-.737 0a1.5 1.5 0 0 1-.284-.163l-.025-.017a12 12 0 0 1-1.399-1.11c-.512-.48-1.039-1.081-1.35-1.752c-.562-1.219-.59-2.818-.568-3.598v-.034c.004-.135.008-.309.08-.481c.06-.146.162-.285.283-.386c.144-.12.316-.18.451-.225l.035-.013l2.72-.94zM18 13.702v6.356c.272-.201.586-.453.892-.74c.471-.441.893-.94 1.126-1.442c.457-.99.5-2.381.477-3.15l-.004-.104l-.003-.056a3 3 0 0 0-.17-.062zm-1 0v6.356a10 10 0 0 1-.893-.74c-.471-.441-.893-.94-1.125-1.442c-.458-.99-.5-2.381-.478-3.15l.007-.16c.033-.014.078-.03.17-.062z" clip-rule="evenodd"/></svg>

User Shield アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Stash Icons の関連アイコン

他のアイコンセットの User Shield アイコン

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

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

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

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

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

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

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

Stash Icons をすべて見る →