Lufthansa icon
thesvg:lufthansa
The Lufthansa icon (thesvg:lufthansa) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 24 × 24 grid. theSVG 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
- theSVG
- Author
- thesvg.org
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M24 12c0-6.648-5.352-12-12-12C5.376 0 0 5.352 0 12c0 6.624 5.376 12 12 12c6.648 0 12-5.376 12-12m-.864 0c0 6.12-4.992 11.136-11.136 11.136C5.88 23.136.864 18.121.864 12C.864 5.856 5.88.864 12 .864C18.144.864 23.136 5.856 23.136 12m-6.888-.72c-.264 0-.6 0-1.032.024l.312-.528h.504c1.8 0 3.144.096 4.368.312l.552-.528c-1.368-.24-3.024-.384-4.704-.384h-.408l.264-.504h.456a26 26 0 0 1 4.872.432l.576-.552c-1.728-.336-3.576-.503-5.568-.503q-1.274.004-2.544.12c-.96 2.063-2.496 3.264-4.224 3.24c-.672-.025-1.513-.312-2.592-.889l-1.008-.576l.312-.288l2.328 1.008l.504-.384l-4.704-2.136l-.72.552L2.112 9l.024.696c2.256 1.032 3.192 1.608 5.568 3.312c3.096 2.208 5.856 3.408 9.696 4.176l1.008-.96h-.24c-2.544 0-4.824-.84-6.144-2.256c1.104-.672 2.471-.983 4.368-.983c.504 0 1.224.047 1.896.119l.576-.552a23 23 0 0 0-2.712-.168a22 22 0 0 0-1.824.072l.432-.528q.767-.045 1.536-.048c1.272 0 2.112.048 3.072.192l.552-.528c-1.008-.167-2.4-.264-3.672-.264"/></svg>How to use the Lufthansa icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:lufthansa" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:lufthansa" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:lufthansa" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--lufthansa]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:lufthansa"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:lufthansa"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg/lufthansa.svg" alt="Lufthansa icon" width="24" height="24">Lufthansa icon in other icon sets
Lufthansa icon FAQ
Is the Lufthansa icon free for commercial use?
Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Lufthansa icon in React?
Install @iconify/react and render <Icon icon="thesvg:lufthansa" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lufthansa icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/lufthansa.svg" alt="Lufthansa icon">, or paste the SVG code inline to style it with CSS.