ICONYZ
Русский
Иконка Badge Account Alert Outline из набора Material Design Icons

Иконка Badge Account Alert Outline

mdi:badge-account-alert-outline

Иконка Badge Account Alert Outline (mdi:badge-account-alert-outline) — бесплатная SVG-иконка из набора Material Design Icons от Pictogrammers. Она нарисована на сетке 24 × 24. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Design Icons
Автор
Pictogrammers
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Оповещения и ошибки, Аккаунт и пользователь
Теги
user badge alert outline, person badge alert outline, account badge warning outline, user badge warning outline, person badge warning outline, account, user, alert, error, badgeaccount, accountalert, alertoutline, badgeaccountalertoutline, account badge alert outline
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15 3h-3v2h3v16H5V5h3V3H5a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-5 4a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m4 8H6v-1c0-1.33 2.67-2 4-2s4 .67 4 2zm0 3H6v-1h8zm-4 2H6v-1h4zm1-15H9V1h2zm8 8V7h2v6zm0 4v-2h2v2z"/></svg>

Как использовать иконку Badge Account Alert Outline

React

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

<Icon icon="mdi:badge-account-alert-outline" width="24" />

Vue

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

<template>
  <Icon icon="mdi:badge-account-alert-outline" width="24" />
</template>

Svelte

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

<Icon icon="mdi:badge-account-alert-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--badge-account-alert-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:badge-account-alert-outline"></div>

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

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

<iconify-icon icon="mdi:badge-account-alert-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mdi/badge-account-alert-outline.svg" alt="Иконка Badge Account Alert Outline" width="24" height="24">

Похожие иконки в наборе Material Design Icons

Вопросы и ответы: Иконка Badge Account Alert Outline

Можно ли бесплатно использовать иконку Badge Account Alert Outline в коммерческих проектах?

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

Как использовать иконку Badge Account Alert Outline в React?

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

Как добавить иконку Badge Account Alert Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mdi/badge-account-alert-outline.svg" alt="Иконка Badge Account Alert Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Material Design Icons →