Shield Slash アイコン
f7:shield-slash
Shield Slash アイコン(f7:shield-slash)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- shieldslash
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M48.613 50.98c.703.704 1.875.704 2.555 0a1.81 1.81 0 0 0 0-2.554L7.41 4.69c-.703-.703-1.851-.703-2.578 0c-.703.68-.68 1.852 0 2.555Zm.094-36.492c0-2.46-1.078-3.234-3.047-4.078c-2.765-1.148-11.718-4.336-14.484-5.32c-.61-.211-1.29-.352-1.945-.352c-.657 0-1.336.188-1.97.352c-2.155.68-7.382 2.578-11.343 4.101l2.906 2.93A673 673 0 0 1 28.293 8.7c.375-.14.68-.21.938-.21s.562.07.937.21c3.586 1.29 10.383 3.89 14.016 5.133c.656.234.797.563.797 1.36V31.55c0 2.273-.376 4.031-1.196 5.555l2.883 2.906c1.43-2.133 2.039-4.477 2.039-7.594ZM9.754 32.418c0 8.555 4.594 11.695 17.719 19.078c.68.375 1.336.516 1.758.516s1.054-.14 1.757-.516c3.563-2.039 6.493-3.75 8.86-5.32l-2.836-2.836c-1.711 1.101-3.75 2.32-6.14 3.797c-.821.492-1.243.61-1.642.61c-.445 0-.867-.142-1.64-.61C16.95 40.69 13.48 38.77 13.48 31.55V19.809l-3.726-3.704Z"/></svg>
Shield Slash アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:shield-slash" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:shield-slash" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:shield-slash" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--shield-slash]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:shield-slash"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:shield-slash"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/shield-slash.svg" alt="Shield Slash アイコン" width="24" height="24">
他のアイコンセットの Shield Slash アイコン
Shield Slash アイコン のよくある質問
Shield Slash アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shield Slash アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:shield-slash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shield Slash アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/shield-slash.svg" alt="Shield Slash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
