Shield Lock2 アイコン
reicon:shield-lock2
Shield Lock2 アイコン(reicon:shield-lock2)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.449 6.778a3.75 3.75 0 0 0-1.199 7.396V16.5a.75.75 0 1 0 1.5 0v-2.325c.386-.079.765-.22 1.125-.428a3.745 3.745 0 0 0 1.372-5.122a3.75 3.75 0 0 0-2.798-1.847m-1.574 1.774a2.245 2.245 0 0 1 3.073.823a2.245 2.245 0 0 1-.823 3.073a2.25 2.25 0 0 1-2.25-3.896"/><path d="M12 1.25c-.937 0-1.833.307-3.277.801l-.727.25c-1.481.506-2.625.898-3.443 1.23c-.412.167-.767.33-1.052.495c-.275.16-.55.359-.737.626c-.185.263-.281.587-.341.9c-.063.324-.1.713-.125 1.16c-.048.886-.048 2.102-.048 3.678v1.601c0 6.101 4.608 9.026 7.348 10.224l.027.011c.34.149.66.288 1.027.382c.387.1.799.142 1.348.142c.55 0 .96-.042 1.348-.142c.367-.094.687-.233 1.026-.382l.028-.011c2.74-1.198 7.348-4.123 7.348-10.224V10.39c0-1.576 0-2.792-.048-3.679a9 9 0 0 0-.125-1.16c-.06-.312-.156-.636-.34-.9c-.188-.266-.463-.465-.738-.625a9 9 0 0 0-1.052-.495c-.818-.332-1.962-.724-3.443-1.23l-.727-.25c-1.444-.494-2.34-.801-3.277-.801M9.08 3.514c1.615-.552 2.262-.764 2.92-.764s1.305.212 2.92.764l.572.196c1.513.518 2.616.896 3.39 1.21c.387.158.667.29.864.404q.144.084.208.139c.038.03.053.048.055.05a.4.4 0 0 1 .032.074q.03.082.063.248a7 7 0 0 1 .1.958c.046.841.046 2.015.046 3.624v1.574c0 5.176-3.87 7.723-6.449 8.849c-.371.162-.586.254-.825.315c-.228.059-.506.095-.976.095s-.748-.036-.976-.095c-.24-.06-.454-.153-.825-.315c-2.58-1.126-6.449-3.674-6.449-8.849v-1.574c0-1.609 0-2.783.046-3.624a7 7 0 0 1 .1-.958q.032-.166.063-.248c.018-.05.03-.07.032-.074a.4.4 0 0 1 .055-.05q.064-.055.208-.14c.197-.114.477-.245.864-.402c.774-.315 1.877-.693 3.39-1.21z"/></g></svg>Shield Lock2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:shield-lock2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:shield-lock2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:shield-lock2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--shield-lock2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:shield-lock2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:shield-lock2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/shield-lock2.svg" alt="Shield Lock2 アイコン" width="24" height="24">Reicon の関連アイコン
shield
shield-alert
shield-alert-duotone
shield-alert-filled
shield-check
shield-check-duotone
shield-check-filled
shield-cross
shield-cross-duotone
shield-cross-filled
shield-duotone
shield-filled
shield-lock
shield-lock-duotone
shield-lock-filled
shield-lock2-duotone
shield-lock2-filled
shield-minus
shield-minus-duotone
shield-minus-filled
shield-network
shield-network-duotone
shield-network-filled
shield-off
Shield Lock2 アイコン のよくある質問
Shield Lock2 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shield Lock2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:shield-lock2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shield Lock2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/shield-lock2.svg" alt="Shield Lock2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。