ICONYZ
Русский
Иконка Exclamation Triangle Solid из набора Clarity

Иконка Exclamation Triangle Solid

clarity:exclamation-triangle-solid

Иконка Exclamation Triangle Solid (clarity:exclamation-triangle-solid) — бесплатная SVG-иконка из набора Clarity от VMware. Она нарисована на сетке 36 × 36. Clarity icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Clarity
Автор
VMware
Лицензия
MIT
Размер
36 × 36
Категория
Основные
Теги
exclamationtriangle, trianglesolid, exclamationtrianglesolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M30.33 25.54L20.59 7.6a3 3 0 0 0-5.27 0L5.57 25.54A3 3 0 0 0 8.21 30h19.48a3 3 0 0 0 2.64-4.43Zm-13.87-12.8a1.49 1.49 0 0 1 3 0v6.89a1.49 1.49 0 1 1-3 0ZM18 26.25a1.72 1.72 0 1 1 1.72-1.72A1.72 1.72 0 0 1 18 26.25" class="clr-i-solid clr-i-solid-path-1"/><path fill="none" d="M0 0h36v36H0z"/></svg>

Как использовать иконку Exclamation Triangle Solid

React

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

<Icon icon="clarity:exclamation-triangle-solid" width="24" />

Vue

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

<template>
  <Icon icon="clarity:exclamation-triangle-solid" width="24" />
</template>

Svelte

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

<Icon icon="clarity:exclamation-triangle-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--exclamation-triangle-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:exclamation-triangle-solid"></div>

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

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

<iconify-icon icon="clarity:exclamation-triangle-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/clarity/exclamation-triangle-solid.svg" alt="Иконка Exclamation Triangle Solid" width="24" height="24">

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

Иконка exclamation-circle-line
exclamation-circle-line
 Иконка exclamation-circle-solid
exclamation-circle-solid
 Иконка exclamation-triangle-line
exclamation-triangle-line

Иконка Exclamation Triangle Solid в других наборах

Иконка Exclamation Triangle Solid из набора HeroIcons
HeroIcons
 Иконка Exclamation Triangle Solid из набора Pixel Icon
Pixel Icon
 Иконка Exclamation Triangle Solid из набора Stash Icons
Stash Icons

Вопросы и ответы: Иконка Exclamation Triangle Solid

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

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

Как использовать иконку Exclamation Triangle Solid в React?

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

Как добавить иконку Exclamation Triangle Solid на веб-страницу?

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

Все Иконки Clarity →