Palm Branches Roof icon
healthicons:palm-branches-roof
The Palm Branches Roof icon (healthicons:palm-branches-roof) is a free SVG icon from the Health Icons set by Resolve to Save Lives. It is drawn on a 48 × 48 grid. Health Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Health Icons
- Author
- Resolve to Save Lives
- License
- MIT
- Size
- 48 × 48
- Category
- Places
- Tags
- palmbranches, branchesroof, palmbranchesroof, branch
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M25.381 9.543a2.03 2.03 0 0 0-2.762 0L7.336 24.093c-.482.458-.463 1.1.171 1.344C9.144 26.066 13.366 27 24 27s14.856-.934 16.493-1.563c.634-.243.653-.886.171-1.345z"/><path fill-rule="evenodd" d="m23.988 11.001l-13.762 13.1C12.488 24.545 16.624 25 24 25s11.512-.456 13.774-.898L24.012 11zm16.676 13.091c.482.459.463 1.102-.171 1.345C38.856 26.066 34.634 27 24 27s-14.856-.934-16.493-1.563c-.634-.243-.653-.886-.171-1.345l15.283-14.55a2.03 2.03 0 0 1 2.762 0zM12 29.407c2.602.336 6.417.593 12 .593s9.398-.257 12-.593v11.159C36 42 28 42 28 42v-5c0-1.912-1.692-4-4-4s-4 2.088-4 4v5s-8 0-8-1.434z" clip-rule="evenodd"/><path d="M23.004 6.83c-.05-.447.411-.83.996-.83s1.045.383.997.83l-.409 3.755c-.025.234-.28.415-.588.415s-.563-.18-.588-.415z"/><path d="M26 7.187c.177-.39.706-.508 1.145-.255c.44.254.602.77.352 1.12l-2.1 2.928c-.131.183-.41.222-.64.089c-.23-.134-.337-.394-.244-.599zm-3.833.004c-.178-.393-.708-.512-1.147-.259c-.44.254-.6.772-.35 1.123L22.78 11c.131.184.41.224.64.09c.231-.133.337-.394.243-.6z"/></g></svg>How to use the Palm Branches Roof icon
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:palm-branches-roof" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:palm-branches-roof" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:palm-branches-roof" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--palm-branches-roof]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:palm-branches-roof"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:palm-branches-roof"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/healthicons/palm-branches-roof.svg" alt="Palm Branches Roof icon" width="24" height="24">Related icons in Health Icons
Palm Branches Roof icon FAQ
Is the Palm Branches Roof icon free for commercial use?
Yes. Health Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Palm Branches Roof icon in React?
Install @iconify/react and render <Icon icon="healthicons:palm-branches-roof" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Palm Branches Roof icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/palm-branches-roof.svg" alt="Palm Branches Roof icon">, or paste the SVG code inline to style it with CSS.