Proper Roof アイコン
healthicons:proper-roof
Proper Roof アイコン(healthicons:proper-roof)は、Health Icons セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Proper Roof アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。