Иконка Low Vision

healthicons:low-vision

Иконка Low Vision (healthicons:low-vision) — бесплатная SVG-иконка из набора Health Icons от Resolve to Save Lives. Она нарисована на сетке 48 × 48. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Health Icons
Автор: Resolve to Save Lives
Лицензия: MIT
Размер: 48 × 48
Категория: Заболевания
Теги: lowvision

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M9.293 9.293a1 1 0 0 1 1.414 0l4.44 4.44A23.5 23.5 0 0 1 24 12c8.866 0 15.434 4.97 18.874 8.864a4.71 4.71 0 0 1 0 6.272a27.6 27.6 0 0 1-8.077 6.247l3.91 3.91a1 1 0 0 1-1.414 1.414l-4.44-4.44A23.5 23.5 0 0 1 24 36c-8.866 0-15.434-4.97-18.874-8.864a4.71 4.71 0 0 1 0-6.272a27.6 27.6 0 0 1 8.077-6.247l-3.91-3.91a1 1 0 0 1 0-1.414M10.026 19a25 25 0 0 1 2.972-2h2.588l2 2zm-2.25 1.975c-.417.41-.8.817-1.15 1.213a2.8 2.8 0 0 0-.503.812h15.463l-2-2H8q-.116 0-.225-.025m-1.15 4.837A2.8 2.8 0 0 1 6.122 25h17.463l2 2H8q-.116 0-.225.025c-.416-.41-.8-.817-1.15-1.213m3.4 3.188c.899.702 1.892 1.38 2.972 2h16.588l-2-2zM24 34c-2.33 0-4.49-.377-6.464-1h12.928A21.4 21.4 0 0 1 24 34m4.89-6.523l2.853 2.852c3.227-3.938 2.991-9.76-.694-13.422c-3.67-3.648-9.46-3.86-13.378-.65l2.852 2.852A5.97 5.97 0 0 1 24 18c.926 0 1.803.21 2.587.585a2 2 0 1 0 2.828 2.828c.375.784.585 1.66.585 2.587c0 1.296-.41 2.496-1.11 3.477m4.273 4.272l.138.138c3.508-1.653 6.25-4.01 8.074-6.075a2.71 2.71 0 0 0 0-3.624c-1.9-2.15-4.792-4.615-8.509-6.275c4.075 4.46 4.178 11.257.297 15.836" clip-rule="evenodd"/></svg>

Как использовать иконку Low Vision

React

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

<Icon icon="healthicons:low-vision" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:low-vision" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:low-vision" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--low-vision]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:low-vision"></div>

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

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

<iconify-icon icon="healthicons:low-vision"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/healthicons/low-vision.svg" alt="Иконка Low Vision" width="24" height="24">

Иконка Low Vision в других наборах

Вопросы и ответы: Иконка Low Vision

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

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

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

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

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

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

Все Health Icons →