Password Rounded アイコン
material-symbols-light:password-rounded
Password Rounded アイコン(material-symbols-light:password-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- Android
- タグ
- code、key、login、password、pin、security、star、unlock、device、passwordrounded、password outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 17.5h18q.213 0 .356.144t.144.357t-.144.356T21 18.5H3q-.213 0-.356-.144t-.144-.357t.144-.356T3 17.5m1-6.666l-.744 1.312q-.089.163-.265.207q-.178.045-.34-.044q-.161-.09-.205-.267q-.044-.179.048-.338l.744-1.312H1.75q-.192 0-.317-.125t-.125-.316t.125-.317t.317-.126h1.489l-.745-1.262q-.092-.16-.048-.338t.206-.267t.339-.044t.265.207L4 9.065l.744-1.261q.089-.163.266-.208t.338.045t.206.267t-.048.338L4.76 9.508h1.49q.192 0 .317.125t.125.316t-.125.317t-.317.126H4.761l.745 1.312q.092.16.048.338t-.206.267q-.161.089-.338.044q-.177-.044-.266-.207zm8 0l-.744 1.312q-.089.163-.266.207q-.177.045-.338-.044q-.162-.09-.206-.267q-.044-.179.048-.338l.744-1.312H9.75q-.192 0-.317-.125t-.125-.316t.125-.317t.317-.126h1.489l-.745-1.262q-.092-.16-.048-.338t.206-.267t.339-.044t.265.207L12 9.065l.744-1.261q.089-.163.266-.208t.338.045q.162.09.206.267t-.048.338l-.744 1.262h1.488q.192 0 .317.125t.125.316t-.125.317t-.317.126h-1.489l.745 1.312q.092.16.048.338t-.206.267t-.339.044t-.265-.207zm8 0l-.744 1.312q-.089.163-.266.207q-.177.045-.338-.044q-.162-.09-.206-.267q-.044-.179.048-.338l.744-1.312H17.75q-.192 0-.317-.125t-.125-.316t.125-.317t.317-.126h1.489l-.745-1.262q-.092-.16-.048-.338t.206-.267t.338-.044t.266.207L20 9.065l.744-1.261q.089-.163.266-.208t.338.045t.206.267t-.048.338l-.744 1.262h1.488q.192 0 .317.125t.125.316t-.125.317t-.317.126h-1.489l.745 1.312q.092.16.048.338t-.206.267t-.338.044t-.266-.207z"/></svg>Password Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:password-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:password-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:password-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--password-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:password-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:password-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/password-rounded.svg" alt="Password Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Password Rounded アイコン
Password Rounded アイコン のよくある質問
Password Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Password Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:password-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Password Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/password-rounded.svg" alt="Password Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。