ICONYZ
Русский
Иконка Triangle Alert Sharp Fill из набора Keyline Icons

Иконка Triangle Alert Sharp Fill

keyline-icons:triangle-alert-sharp-fill

Иконка Triangle Alert Sharp Fill (keyline-icons:triangle-alert-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Теги
trianglealert, alertsharp, sharpfill, trianglealertsharpfill
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.1258 2.5144C11.5068 1.8285 12.4932 1.8285 12.8742 2.5144L22.8742 20.5144C23.2445 21.1809 22.7625 22 22 22L2 22C1.2375 22 0.7555 21.1809 1.1258 20.5144L11.1258 2.5144ZM12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16ZM11 10L11 14L13 14L13 10Z"/></svg>

Как использовать иконку Triangle Alert Sharp Fill

React

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

<Icon icon="keyline-icons:triangle-alert-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:triangle-alert-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:triangle-alert-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--triangle-alert-sharp-fill]"></span>

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:triangle-alert-sharp-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/triangle-alert-sharp-fill.svg" alt="Иконка Triangle Alert Sharp Fill" width="24" height="24">

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

Вопросы и ответы: Иконка Triangle Alert Sharp Fill

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

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

Как использовать иконку Triangle Alert Sharp Fill в React?

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

Как добавить иконку Triangle Alert Sharp Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/triangle-alert-sharp-fill.svg" alt="Иконка Triangle Alert Sharp Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →