Иконка Shield User Light
stash:shield-user-light
Иконка Shield User Light (stash:shield-user-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Stash Icons
- Автор
- Pingback LLC
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- shielduser, userlight, shielduserlight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.5a3.13 3.13 0 0 0-3.14 3.125A3.13 3.13 0 0 0 12 12.75a3.13 3.13 0 0 0 3.14-3.125A3.13 3.13 0 0 0 12 6.5M9.86 9.625c0-1.171.956-2.125 2.14-2.125s2.14.954 2.14 2.125A2.13 2.13 0 0 1 12 11.75a2.13 2.13 0 0 1-2.14-2.125"/><path fill="currentColor" d="M13.04 1.56a3.25 3.25 0 0 0-2.085.001L4.179 3.856a2.69 2.69 0 0 0-1.83 2.32c-.353 4.41.24 7.876 1.838 10.593c1.603 2.725 4.159 4.598 7.535 5.929a.75.75 0 0 0 .55 0c3.379-1.331 5.936-3.204 7.54-5.929c1.6-2.717 2.192-6.184 1.84-10.592a2.69 2.69 0 0 0-1.831-2.32zm-1.604 1.422a1.75 1.75 0 0 1 1.122 0l6.782 2.295c.462.156.78.561.817 1.019c.337 4.226-.248 7.351-1.638 9.712q-.117.201-.244.395a3.84 3.84 0 0 0-.953-1.6c-.76-.76-1.818-1.167-3.017-1.3l-.25-.028l-.17.183l-.004.004l-.023.023l-.102.094c-.092.08-.23.189-.402.298c-.35.22-.82.423-1.354.423s-1.004-.203-1.354-.423a3.3 3.3 0 0 1-.527-.415l-.004-.004l-.17-.183l-.25.028c-1.2.133-2.257.54-3.017 1.3a3.84 3.84 0 0 0-.953 1.601q-.127-.195-.245-.396c-1.39-2.36-1.974-5.486-1.637-9.712a1.19 1.19 0 0 1 .817-1.02zm-4.91 14.494c.088-.87.401-1.509.859-1.966c.512-.512 1.252-.845 2.194-.984l.009.008c.123.107.301.248.526.39c.445.28 1.1.576 1.886.576s1.44-.297 1.886-.577a4 4 0 0 0 .526-.39l.009-.007c.942.139 1.682.472 2.194.984c.457.457.77 1.095.86 1.965c-1.326 1.553-3.141 2.761-5.478 3.717c-2.334-.956-4.147-2.163-5.471-3.716"/></svg>Как использовать иконку Shield User Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:shield-user-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:shield-user-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:shield-user-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--shield-user-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:shield-user-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:shield-user-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/stash/shield-user-light.svg" alt="Иконка Shield User Light" width="24" height="24">Похожие иконки в наборе Stash Icons
Вопросы и ответы: Иконка Shield User Light
Можно ли бесплатно использовать иконку Shield User Light в коммерческих проектах?
Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Shield User Light в React?
Установите @iconify/react и выведите <Icon icon="stash:shield-user-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Shield User Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/shield-user-light.svg" alt="Иконка Shield User Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.