Shield Sparkles Sharp アイコン

Q: Shield Sparkles Sharp アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:shield-sparkles-sharp

Shield Sparkles Sharp アイコン(keyline-icons:shield-sparkles-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: shieldsparkles、sparklessharp、shieldsparklessharp、sparkle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M20 8.8131L20 15.778L18.612 17.5729C17.4097 19.1277 15.5033 20.8703 12.8298 21.8525C12.2945 22.0492 11.7055 22.0492 11.1702 21.8525C8.4967 20.8703 6.5903 19.1277 5.388 17.5729L4 15.7778L4 5.3088L5.1825 5.1684C7.8303 4.8543 9.8295 3.5322 11.0242 2.3731C11.537 1.8756 12.463 1.8756 12.9758 2.3731C12.9838 2.3809 12.9919 2.3887 13 2.3965L13.3062 2.6915"/><path fill="currentColor" d="M12.5492 8.3739L13.4196 10.5804L15.6261 11.4508C15.8518 11.5397 16 11.7576 16 12C16 12.2424 15.8518 12.4603 15.6261 12.5492L13.4196 13.4196L12.5492 15.6261C12.4603 15.8518 12.2424 16 12 16C11.7576 16 11.5397 15.8518 11.4508 15.6261L10.5804 13.4196L8.3739 12.5492C8.1482 12.4603 8 12.2424 8 12C8 11.7576 8.1482 11.5397 8.3739 11.4508L10.5804 10.5804L11.4508 8.3739C11.5397 8.1482 11.7576 8 12 8C12.2424 8 12.4603 8.1482 12.5492 8.3739ZM18.8433 1.2337L19.3873 2.6127L20.7663 3.1567C20.9074 3.2123 21 3.3485 21 3.5C21 3.6515 20.9074 3.7877 20.7663 3.8433L19.3873 4.3873L18.8433 5.7663C18.7877 5.9074 18.6515 6 18.5 6C18.3485 6 18.2123 5.9074 18.1567 5.7663L17.6127 4.3873L16.2337 3.8433C16.0926 3.7877 16 3.6515 16 3.5C16 3.3485 16.0926 3.2123 16.2337 3.1567L17.6127 2.6127L18.1567 1.2337C18.2123 1.0926 18.3485 1 18.5 1C18.6515 1 18.7877 1.0926 18.8433 1.2337Z" stroke="none"/></g></svg>

Shield Sparkles Sharp アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:shield-sparkles-sharp" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:shield-sparkles-sharp" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:shield-sparkles-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--shield-sparkles-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:shield-sparkles-sharp"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:shield-sparkles-sharp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/shield-sparkles-sharp.svg" alt="Shield Sparkles Sharp アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Shield Sparkles Sharp アイコンのよくある質問

Shield Sparkles Sharp アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Shield Sparkles Sharp アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:shield-sparkles-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Shield Sparkles Sharp アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/shield-sparkles-sharp.svg" alt="Shield Sparkles Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →