Иконка Body Armor

hugeicons:body-armor

Иконка Body Armor (hugeicons:body-armor) — бесплатная SVG-иконка из набора Huge Icons от Hugeicons. Она нарисована на сетке 24 × 24. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Huge Icons
Автор: Hugeicons
Лицензия: MIT
Размер: 24 × 24
Теги: bodyarmor

Скачать 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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m13.504 2.638l-.252.207c-.6.495-.9.743-1.252.743s-.652-.248-1.252-.743l-.252-.207c-.487-.401-.73-.602-1.021-.634c-.292-.031-.57.112-1.128.4l-.303.155c-.277.143-.416.215-.491.36s-.058.284-.023.562c.276 2.222 1.961 4.316 4.08 4.945A1.2 1.2 0 0 0 12 8.5a1.2 1.2 0 0 0 .39-.074c2.119-.629 3.804-2.723 4.08-4.945c.035-.278.052-.417-.023-.562s-.214-.217-.49-.36l-.304-.156c-.557-.287-.836-.43-1.128-.399c-.291.032-.534.233-1.02.634"/><path d="M7.478 4c-2.086.407-3.482 1.15-4.759 2.23c-.373.315-.56.473-.648.724c-.29.826.344 3.667 1.126 3.995c.487.204 1.168-.214 2.531-1.05C6.965 9.14 8.483 8.355 10 7.932M16.522 4c2.086.407 3.482 1.15 4.759 2.23c.373.315.56.473.648.724c.29.826-.344 3.667-1.126 3.995c-.487.204-1.168-.214-2.532-1.05C17.036 9.14 15.518 8.355 14 7.932M18 10l-.605 5.442c-.188 1.692-.282 2.538-.851 3.048c-.57.51-1.421.51-3.124.51h-2.84c-1.703 0-2.554 0-3.124-.51s-.663-1.356-.851-3.048L6 10"/><path d="M15.385 19h-6.77c-.255 0-.382 0-.503.014a2.06 2.06 0 0 0-1.162.533c-.089.081-.17.177-.333.368c-.32.376-.481.564-.54.707a.995.995 0 0 0 .637 1.331c.15.047.401.047.902.047h8.768c.5 0 .751 0 .902-.047a.994.994 0 0 0 .638-1.33c-.06-.144-.22-.332-.54-.708c-.164-.191-.245-.287-.334-.368a2.07 2.07 0 0 0-1.162-.533C15.767 19 15.64 19 15.385 19"/></g></svg>

Как использовать иконку Body Armor

React

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

<Icon icon="hugeicons:body-armor" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:body-armor" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:body-armor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--body-armor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:body-armor"></div>

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

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

<iconify-icon icon="hugeicons:body-armor"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/body-armor.svg" alt="Иконка Body Armor" width="24" height="24">

Вопросы и ответы: Иконка Body Armor

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

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

Как использовать иконку Body Armor в React?

Установите @iconify/react и выведите <Icon icon="hugeicons:body-armor" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Body Armor на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/hugeicons/body-armor.svg" alt="Иконка Body Armor">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Huge Icons →