Иконка Dialog 2 Broken

solar:dialog-2-broken

Иконка Dialog 2 Broken (solar:dialog-2-broken) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Сообщения
Теги: dialogbroken

Скачать 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-width="1.5"><path d="M17.8206 9C18 9.86938 18 11.0385 18 12.8V13.6C18 15.4638 18 16.3957 17.6955 17.1308C17.2895 18.1109 16.5108 18.8896 15.5307 19.2956C15.0652 19.4884 14.5207 19.5591 13.7106 19.585C12.8467 19.6126 12.4147 19.6264 12.0836 19.8223C11.7524 20.0182 11.5445 20.3695 11.1287 21.0719L10.8693 21.5102C10.4828 22.1633 9.51714 22.1633 9.13061 21.5102L8.87117 21.0719C8.4554 20.3695 8.24749 20.0182 7.91634 19.8223C7.58517 19.6264 7.1532 19.6126 6.28927 19.585C5.47919 19.5591 4.93475 19.4884 4.46923 19.2956C3.48912 18.8896 2.71042 18.1109 2.30444 17.1308"/><path d="M2 12.8C2 10.1813 2 8.87189 2.58944 7.91001C2.91926 7.37179 3.37178 6.91927 3.91001 6.58944C4.87188 6 6.18126 6 8.8 6H11.2C12.9615 6 14.1306 6 15 6.17941"/><path d="M7.0332 6C7.08481 5.00787 7.2165 4.33902 7.55255 3.79064C7.86176 3.28605 8.28599 2.86181 8.79058 2.5526C9.69234 2 10.9199 2 13.3749 2H15.6249C17.153 2 18.2056 2 19 2.13325M18 14.7352C18.7477 14.7104 19.2527 14.6437 19.685 14.4646C20.6039 14.084 21.3339 13.354 21.7145 12.4351C21.9999 11.746 21.9999 10.8723 21.9999 9.12503V8.37503C21.9999 6.84695 21.9999 5.79442 21.8667 5"/><path stroke-linejoin="round" d="M6.50928 13H6.51828M10 13H10.009M13.491 13H13.5"/></g></svg>

Как использовать иконку Dialog 2 Broken

React

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

<Icon icon="solar:dialog-2-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:dialog-2-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:dialog-2-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--dialog-2-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:dialog-2-broken"></div>

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

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

<iconify-icon icon="solar:dialog-2-broken"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/dialog-2-broken.svg" alt="Иконка Dialog 2 Broken" width="24" height="24">

Вопросы и ответы: Иконка Dialog 2 Broken

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

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

Как использовать иконку Dialog 2 Broken в React?

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

Как добавить иконку Dialog 2 Broken на веб-страницу?

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

Все Иконки Solar →