Иконка Figma Broken

solar:figma-broken

Иконка Figma Broken (solar:figma-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
Категория: Интерфейс
Теги: figmabroken

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.9999 8.66667H8.66658M11.9999 8.66667V2H8.66659C6.82564 2 5.33325 3.49238 5.33325 5.33333C5.33325 7.17428 6.82563 8.66667 8.66658 8.66667M11.9999 8.66667V15.3333H8.66658M11.9999 8.66667L15.3333 8.66667M8.66658 8.66667C6.82563 8.66667 5.33325 10.1591 5.33325 12C5.33325 13.8409 6.82563 15.3333 8.66658 15.3333M8.66658 15.3333C6.82564 15.3333 5.33325 16.8257 5.33325 18.6667C5.33325 20.5076 6.82564 22 8.66659 22C10.5075 22 11.9999 20.5076 11.9999 18.6667M15.3333 8.66667C13.4923 8.66667 11.9999 10.1591 11.9999 12C11.9999 13.8409 13.4923 15.3333 15.3333 15.3333C17.1742 15.3333 18.6666 13.8409 18.6666 12C18.6666 10.1591 17.1742 8.66667 15.3333 8.66667ZM15.3333 8.66667C17.1742 8.66667 18.6666 7.17428 18.6666 5.33333C18.6666 3.49238 17.1742 2 15.3333 2"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:figma-broken"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Solar →