Security Shield Settings アイコン
streamline-freehand:security-shield-settings
Security Shield Settings アイコン(streamline-freehand:security-shield-settings)は、Freehand free icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- プログラミング・アプリ・Web サイト
- タグ
- securityshield、shieldsettings、securityshieldsettings、setting
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="M22.91 2.723c-3.499-3.83-15.998-3.31-21.517-.36a.36.36 0 1 0 .33.64c5.45-2.79 17.398-2.93 20.388.44c.54.62-.4 8.998-.92 11.238s-5 6.2-7.22 7.53c-1.46.88-1.63.85-3.059 0c-2.72-1.66-7.83-6.38-7.999-7.55c0-.17-1.83-9.609-1.66-10.279a.32.32 0 0 0-.61-.16c-.19.85 1.46 10.15 1.48 10.48c.13 1.829 8 9.318 10.359 9.298s9.169-5.91 9.889-8.999c.35-1.62 1.7-10.999.54-12.278"/><path d="M11.132 12.082c1.44.84 3.93-.49 3.16-2.07a.361.361 0 0 0-.67.27c.26.78-1.25 1.25-1.83.81a1 1 0 0 1 0-1.39a1.62 1.62 0 0 1 1.65-.14a.32.32 0 0 0 .27-.56c-2.8-1.59-4.55 1.76-2.58 3.08"/><path d="M7.122 13.691c.12.19.67 1 .76 1.11a1.1 1.1 0 0 0 1.14.13a6.6 6.6 0 0 0 1-.58q.268.15.55.27c0 .79-.17 1.65.47 2a3.16 3.16 0 0 0 1.53.23c.24 0 1.23-.11 1.34-.14a1.06 1.06 0 0 0 .67-.8c.07-.437.07-.883 0-1.32c.14-.07.21-.1.36-.19c.42.299.915.472 1.43.5c1.09-.12 1.46-1.4 1.85-2.07a.59.59 0 0 0-.05-.68c-1.53-1.79-1.43-.89-1.47-1.78c.32-.23 1.12-.64 1.32-1.14c.39-1-.54-1.869-.94-2.539a.47.47 0 0 0-.5-.22q-.56.124-1.1.31c-1.15.39-.4.4-1.32.05c-.14-.83.09-1.9-1.14-2.09a9.4 9.4 0 0 0-1.72.1a.35.35 0 0 0-.32.24a9.4 9.4 0 0 0-.33 1.69a2.7 2.7 0 0 0-.62.29c-1.19-.79-1.63-1.33-2.67.41c-.11.19-.56 1.06-.59 1.17c-.23.81 1 1.33 1.42 1.58a7 7 0 0 0 0 .76c-1.43.72-2.17.89-1.07 2.71m1.75-2a.47.47 0 0 0 .24-.48c-.24-1.56.49-1.22-.86-1.94c-.13-.07-.58-.26-.68-.44a6.2 6.2 0 0 1 1-1.709c.48.12 1.22 1 1.61.7c.54-.41 1.06-.39 1.07-.75a4.4 4.4 0 0 1 .25-1.54c2.13-.17 1.7-.09 1.85 1.69a.43.43 0 0 0 .28.36c1.69.88.53.44 2.8-.08c.2.3.77 1 .63 1.38c-1.69 1.13-1.46.7-1.46 2.26c0 .52.33.33 1.4 1.52c-.12.25-.5 1.07-.78 1.1c-2-1-1-.59-2.47-.1c-.7.23-.3 1.12-.33 1.909a2.4 2.4 0 0 1-.93.14a2.7 2.7 0 0 1-.75 0v-1.41a.57.57 0 0 0-.41-.56c-1-.28-1.13-.76-1.6-.45c-1.36.88-1.1.8-1.3.53a5 5 0 0 1-.8-1.38a9 9 0 0 1 1.24-.77z"/></g></svg>Security Shield Settings アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:security-shield-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:security-shield-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:security-shield-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--security-shield-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:security-shield-settings"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:security-shield-settings"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/security-shield-settings.svg" alt="Security Shield Settings アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Security Shield Settings アイコン
Security Shield Settings アイコン のよくある質問
Security Shield Settings アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Security Shield Settings アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:security-shield-settings" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Security Shield Settings アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/security-shield-settings.svg" alt="Security Shield Settings アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。