Иконка Shield Sparkles Sharp

keyline-icons:shield-sparkles-sharp

Иконка Shield Sparkles Sharp (keyline-icons:shield-sparkles-sharp) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Shield Sparkles Sharp

Можно ли бесплатно использовать иконку Shield Sparkles Sharp в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Shield Sparkles Sharp в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →