ICONYZ
Русский
Иконка Route Broken из набора Solar

Иконка Route Broken

solar:route-broken

Иконка Route Broken (solar:route-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
Категория
Карта
Теги
routebroken
Скачать 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.8578 6.14204C20.6191 8.90341 21.9998 10.2841 21.9998 11.9998C21.9998 13.7155 20.6191 15.0962 17.8578 17.8575C15.0964 20.6189 13.7157 21.9996 12 21.9996C10.2843 21.9996 8.90365 20.6189 6.14229 17.8575C3.38093 15.0962 2.00024 13.7155 2.00024 11.9998C2.00024 10.2841 3.38093 8.90341 6.14229 6.14204C8.90365 3.38068 10.2843 2 12 2C13.1408 2 14.1335 2.61041 15.4824 3.83123"/><path stroke-linejoin="round" d="M9 14C9 13.0572 9 12.5858 9.29289 12.2929C9.58579 12 10.0572 12 11 12H15M13 14L15 12L13 10"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →