Иконка Hearing Aid
foundation:hearing-aid
Иконка Hearing Aid (foundation:hearing-aid) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Foundation
- Автор
- Zurb
- Лицензия
- MIT
- Размер
- 100 × 100
- Теги
- hearingaid
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M47.484 28.548c-11.263 0-20.424 9.236-20.424 20.586c0 1.848 1.489 3.349 3.319 3.349c1.833 0 3.323-1.501 3.323-3.349c0-7.654 6.182-13.887 13.782-13.887c7.598 0 13.777 6.232 13.777 13.887c0 1.615-.271 3.192-.729 4.521c-.872 1.553-2.828 4.861-4.005 6.305q-.346.42-.694.811c-1.647 1.898-3.704 4.261-3.559 9.344c.092 3.171.146 6.25-.061 7.299l-.062.355c-.151.877-.338 1.963-4.407 2.105a3.3 3.3 0 0 0-2.315 1.064a3.32 3.32 0 0 0-.891 2.398a3.32 3.32 0 0 0 3.318 3.23h.118c6.288-.217 9.894-2.797 10.757-7.844c.294-1.482.339-3.547.189-8.807c-.07-2.453.55-3.166 1.912-4.732c.273-.312.551-.627.824-.965c1.946-2.379 4.73-7.389 4.754-7.432q.121-.221.223-.475a20.7 20.7 0 0 0 1.276-7.18c-.002-11.347-9.164-20.583-20.425-20.583"/><path fill="currentColor" d="M52.169 49.685c0 1.537 1.245 2.798 2.775 2.798s2.776-1.261 2.776-2.798c0-5.689-4.594-10.319-10.237-10.319c-5.648 0-10.24 4.63-10.24 10.319c0 1.537 1.244 2.798 2.773 2.798c1.531 0 2.776-1.261 2.776-2.798c0-2.604 2.103-4.721 4.69-4.721c2.584 0 4.687 2.117 4.687 4.721M33.252 59.843L19.534 73.665a3.08 3.08 0 0 0-.902 2.193c0 .828.319 1.604.903 2.193a3.054 3.054 0 0 0 4.352-.002l13.718-13.824c.582-.586.9-1.363.9-2.192a3.07 3.07 0 0 0-.899-2.188c-1.167-1.182-3.195-1.18-4.354-.002m25.859-37.547l-.048.005v-.005h-1.294v.029a1.275 1.275 0 0 0-1.139 1.232h-.006v2.301h.031a1.26 1.26 0 0 0 1.113 1.107v.029h1.294v-.021c.016 0 .032.005.048.005c4.775 0 8.656 3.862 8.705 8.617h-.011v1.295h.03a1.275 1.275 0 0 0 1.235 1.14v.005h2.299v-.031a1.26 1.26 0 0 0 1.108-1.114h.03v-1.295h-.005c-.048-7.338-6.035-13.299-13.39-13.299"/><path fill="currentColor" d="M81.365 35.597c-.049-12.23-10.012-22.164-22.254-22.164l-.048.005v-.005h-1.294v.029a1.273 1.273 0 0 0-1.14 1.237h-.005v2.298h.03a1.26 1.26 0 0 0 1.114 1.107v.029h1.294v-.02c.016 0 .032.005.048.005c9.661 0 17.519 7.832 17.568 17.478h-.01v1.295h.03a1.275 1.275 0 0 0 1.232 1.139v.006h2.302v-.031a1.26 1.26 0 0 0 1.105-1.113h.03v-1.295z"/></svg>Как использовать иконку Hearing Aid
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:hearing-aid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:hearing-aid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:hearing-aid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--hearing-aid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:hearing-aid"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:hearing-aid"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/foundation/hearing-aid.svg" alt="Иконка Hearing Aid" width="24" height="24">Иконка Hearing Aid в других наборах
Вопросы и ответы: Иконка Hearing Aid
Можно ли бесплатно использовать иконку Hearing Aid в коммерческих проектах?
Да. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hearing Aid в React?
Установите @iconify/react и выведите <Icon icon="foundation:hearing-aid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hearing Aid на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/foundation/hearing-aid.svg" alt="Иконка Hearing Aid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.