Lungs icon
keyline-icons:lungs
The Lungs icon (keyline-icons:lungs) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- lung
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.9755 12.2209L9.1125 19.9872C9.0664 20.4026 8.7667 20.7455 8.3612 20.8469L3.868 21.9702C3.7887 21.99 3.7072 22 3.6255 22C3.2277 22 2.8677 21.7643 2.7088 21.3996C2.2413 20.3272 2 19.1699 2 18C2 14.5742 4.0547 11.4826 7.2132 10.156C7.4584 10.053 7.7217 10 7.9877 10C9.0923 10 9.9877 10.8954 9.9877 12C9.9877 12.0738 9.9836 12.1475 9.9755 12.2209ZM14.0245 12.2209C14.0164 12.1475 14.0123 12.0738 14.0123 12C14.0123 10.8954 14.9077 10 16.0123 10C16.2783 10 16.5416 10.053 16.7868 10.156C19.9453 11.4826 22 14.5742 22 18C22 19.1699 21.7587 20.3272 21.2912 21.3996C21.1323 21.7643 20.7723 22 20.3745 22C20.2928 22 20.2113 21.99 20.132 21.9702L15.6388 20.8469C15.2333 20.7455 14.9336 20.4026 14.8875 19.9872L14.0245 12.2209ZM12 2L12 6M12 6L9.0995 10.3375M12 6L14.9005 10.3375M9.7778 14C8.7315 14.1548 7.7785 14.6886 7.1 15.5M14.2222 14C15.2685 14.1548 16.2215 14.6886 16.9 15.5"/></svg>
How to use the Lungs icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:lungs" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:lungs" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:lungs" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--lungs]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:lungs"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:lungs"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/lungs.svg" alt="Lungs icon" width="24" height="24">
Related icons in Keyline Icons
Lungs icon in other icon sets
Lungs icon FAQ
Is the Lungs icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Lungs icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:lungs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lungs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/lungs.svg" alt="Lungs icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
