Safe Vault Solid アイコン
streamline-flex:safe-vault-solid
Safe Vault Solid アイコン(streamline-flex:safe-vault-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
- カテゴリ
- お金・ショッピング
- タグ
- safevault、vaultsolid、safevaultsolid
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="M6.97.5h.06c1.531 0 3.193 0 4.594.263c.82.154 1.455.786 1.632 1.593c.244 1.114.244 2.137.244 3.607v.074c0 1.47 0 2.493-.244 3.607a2.07 2.07 0 0 1-1.396 1.534l.368 1.472a.75.75 0 1 1-1.456.364l-.402-1.61c-1.085.096-2.246.096-3.34.096h-.06c-1.094 0-2.255 0-3.34-.096l-.402 1.61a.75.75 0 1 1-1.456-.364l.368-1.472A2.07 2.07 0 0 1 .744 9.644C.5 8.53.5 7.507.5 6.037v-.074c0-1.47 0-2.493.244-3.607A2.06 2.06 0 0 1 2.376.763C3.777.5 5.44.5 6.97.5M3.806 5.167a.625.625 0 0 0-1.25 0v1.666a.625.625 0 1 0 1.25 0zm4.848-2.292c.345 0 .625.28.625.625v.295c.37.104.703.3.972.561l.256-.147a.625.625 0 1 1 .625 1.082l-.256.148a2.3 2.3 0 0 1 0 1.122l.256.148a.625.625 0 0 1-.625 1.082l-.256-.147a2.3 2.3 0 0 1-.972.561V8.5a.625.625 0 0 1-1.25 0v-.295a2.3 2.3 0 0 1-.972-.561l-.256.147a.625.625 0 0 1-.625-1.082l.255-.148a2.3 2.3 0 0 1 0-1.122l-.255-.148a.625.625 0 0 1 .625-1.082l.256.147a2.3 2.3 0 0 1 .972-.561V3.5c0-.345.28-.625.625-.625m-.909 2.616l.007-.012l.006-.01a1.04 1.04 0 0 1 1.794.003l.004.007l.005.008a1.04 1.04 0 0 1 0 1.024l-.005.01l-.005.009a1.04 1.04 0 0 1-1.792.003l-.007-.012l-.008-.013a1.04 1.04 0 0 1 .001-1.017" clip-rule="evenodd"/></svg>Safe Vault Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:safe-vault-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:safe-vault-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:safe-vault-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--safe-vault-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:safe-vault-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:safe-vault-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/safe-vault-solid.svg" alt="Safe Vault Solid アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Safe Vault Solid アイコン
Safe Vault Solid アイコン のよくある質問
Safe Vault Solid アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Safe Vault Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:safe-vault-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Safe Vault Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/safe-vault-solid.svg" alt="Safe Vault Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。