Control Lun Line icon
clarity:control-lun-line
The Control Lun Line icon (clarity:control-lun-line) is a free SVG icon from the Clarity set by VMware. It is drawn on a 36 × 36 grid. Clarity 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M8 24.59a26 26 0 0 0 2.75.59l1.21-1.41a24 24 0 0 1-4-.83Z"/><path fill="currentColor" d="M6 27.53V10.3c2.9 1.43 8.34 1.88 12 1.88s9.1-.45 12-1.88v5.11c-.91.82-5 2.13-12 2.13a34.8 34.8 0 0 1-10-1.21V18a41 41 0 0 0 10 1.16c3.46 0 9.13-.45 12-1.91v3.23h2V7.93c0-3.35-8.8-4.25-14-4.25S4 4.58 4 7.93v19.6c0 2 3.17 3.14 6.83 3.72l-2.45-2.57C7 28.28 6.13 27.84 6 27.53M18 5.68c7.15 0 11.53 1.44 12 2.25c-.46.81-4.84 2.25-12 2.25S6.31 8.69 6 8c.31-.82 4.71-2.32 12-2.32"/><path fill="currentColor" d="M32.09 22H15.46l-5.41 6.31L15.49 34h16.6a2 2 0 0 0 2-2v-8.07a2 2 0 0 0-2-1.93m0 10H16.34l-3.59-3.77L16.38 24h15.71z"/><path fill="currentColor" d="M16.11 27a1 1 0 1 0 1 1a1 1 0 0 0-1-1"/></svg>How to use the Control Lun Line icon
React
import { Icon } from "@iconify/react";
<Icon icon="clarity:control-lun-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="clarity:control-lun-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="clarity:control-lun-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--control-lun-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:control-lun-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="clarity:control-lun-line"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/clarity/control-lun-line.svg" alt="Control Lun Line icon" width="24" height="24">Related icons in Clarity
Control Lun Line icon FAQ
Is the Control Lun Line icon free for commercial use?
Yes. Clarity icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Control Lun Line icon in React?
Install @iconify/react and render <Icon icon="clarity:control-lun-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Control Lun Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/clarity/control-lun-line.svg" alt="Control Lun Line icon">, or paste the SVG code inline to style it with CSS.