Иконка Proper Roof
healthicons:proper-roof
Иконка Proper Roof (healthicons:proper-roof) — бесплатная 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
- Категория
- Места
- Теги
- properroof
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M24.707 6.293a1 1 0 0 0-1.414 0l-4.357 4.356C19.222 11.41 20.017 12 21 12s1.779-.591 2.064-1.35a1 1 0 0 1 1.872 0c.285.759 1.08 1.35 2.064 1.35s1.779-.591 2.064-1.35zm5.835 5.835C29.794 13.266 28.473 14 27 14a4.27 4.27 0 0 1-3-1.213A4.27 4.27 0 0 1 21 14c-1.473 0-2.794-.734-3.542-1.873l-5.989 5.99q.121.063.226.164c.44.426 1.112.719 1.892.719c1.507 0 2.471-1.027 2.471-2a1 1 0 1 1 2 0c0 .973.965 2 2.471 2S23 17.973 23 17a1 1 0 1 1 2 0c0 .973.964 2 2.471 2c1.506 0 2.47-1.027 2.47-2a1 1 0 1 1 2 0c0 .973.965 2 2.472 2c.78 0 1.451-.293 1.892-.72q.105-.099.226-.163zM7.293 22.293l2.824-2.824q.072.136.188.25c.83.802 2.007 1.281 3.282 1.281c1.344 0 2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.47-1.472c.845.919 2.128 1.472 3.472 1.472c1.276 0 2.452-.48 3.282-1.28a1 1 0 0 0 .188-.25l2.824 2.823A1 1 0 0 1 41 23c0 1.55-1.453 3-3.5 3c-1.11 0-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663C8.453 26 7 24.55 7 23a1 1 0 0 1 .293-.707M10.5 39.566V28c1.376 0 2.717-.308 3.747-1.013q.42-.287.753-.654q.333.368.753.654C16.783 27.692 18.124 28 19.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C25.783 27.692 27.124 28 28.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C34.783 27.692 36.124 28 37.5 28v11.566c0 .732-.543 1.15-.857 1.334c-.354.21-.795.355-1.226.464c-.878.223-2.007.362-3.083.453a61 61 0 0 1-4.233.182l-.074.001h-.026L28 41v-5.737c0-1.912-1.596-3.763-4-3.763s-4 1.85-4 3.763V42h-.101l-.276-.003a61 61 0 0 1-3.957-.18c-1.076-.09-2.205-.23-3.083-.453c-.431-.109-.872-.254-1.226-.464c-.314-.185-.857-.602-.857-1.334M28 41v1z"/></svg>Как использовать иконку Proper Roof
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:proper-roof" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:proper-roof" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:proper-roof" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--proper-roof]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:proper-roof"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:proper-roof"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/healthicons/proper-roof.svg" alt="Иконка Proper Roof" width="24" height="24">Похожие иконки в наборе Health Icons
Вопросы и ответы: Иконка Proper Roof
Можно ли бесплатно использовать иконку Proper Roof в коммерческих проектах?
Да. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Proper Roof в React?
Установите @iconify/react и выведите <Icon icon="healthicons:proper-roof" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Proper Roof на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/healthicons/proper-roof.svg" alt="Иконка Proper Roof">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.