Lightwave icon

file-icons:lightwave

The Lightwave icon (file-icons:lightwave) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M510.486 353.807c-30.479 1.847-105.449 76.373-105.449 76.373c-29.146 29.144-53.773 7.797-53.773 7.797c-22.167-12.314-50.49-2.463-50.49-2.463c-16.01 4.926-34.072 4.926-34.072 4.926c-108.37-8.209-107.138-117.809-107.138-117.809c0-113.603 120.48-117.605 120.48-117.605c71.116 0 68.961 76.967 68.961 76.967c-3.386 83.124-82.303 82.096-82.303 82.096c-49.466 0-45.976-48.642-45.976-48.642c3.695-55.828 47.414-55.825 47.414-55.825c27.297 0 27.604 15.083 27.604 15.083c0 10.361-20.215 20.218-20.215 20.218c-15.394 6.773-13.546 22.167-13.546 22.167c2.463 19.292 16.009 28.568 16.009 28.568c6.708 3.271 4.103-4.144 4.103-4.144c-10.879-26.065 12.11-28.735 12.11-28.735c7.184-1.027 20.115-8.209 20.115-8.209c15.598-13.75 12.315-34.48 12.315-34.48c-8.003-44.127-56.648-41.05-56.648-41.05c-89.897 8.62-85.793 90.717-85.793 90.717c5.94 87.833 77.993 87.025 77.993 87.025c36.121 0 54.596-4.926 54.596-4.926c36.124-8.209 43.101 18.472 43.101 18.472c11.083 16.831 17.65 3.694 17.65 3.694c10.26-16.009 43.1-81.687 43.1-81.687c11.288-22.374 30.787-19.704 30.787-19.704c21.755 0 6.569-33.66 6.569-33.66c-13.135-25.862-41.254-97.287-41.254-97.287c-7.184-21.346 11.903-30.786 11.903-30.786c11.083-9.03-4.719-18.06-4.719-18.06c-34.48-20.524-107.137-20.936-107.137-20.936c-221.936 0-224.95 199.089-224.95 199.089c0 163.373 140.799 172.814 140.799 172.814c38.791 3.694 64.344-13.546 64.344-13.546c17.548-12.007 38.483-2.156 38.483-2.156c14.162 7.081 30.787 7.081 30.787 7.081c32.326 0 82.2-78.198 82.2-78.198c22.166-29.863 62.189-51.024 62.189-51.024c3.156-1.885-.149-2.155-.149-2.155M382.51 160.275C371.867 166.46 356.73 178 356.73 178c-11.414 8.8-21.877 6.184-21.877 6.184c-28.604-6.335-22.728-26.088-21.575-29.276c15.841-10.299 55.995-4.232 69.232 5.368m-22.972 211.927s-9.417-8.853-.845-18.97c0 0 8.24-9.503 16.217-10.318c.521 5.281 1.138 22.438-10.237 35.165c-1.793-2.206-3.676-4.418-5.135-5.877m35.852-91.236c-21.96-9.852-14.571-31.4-14.571-31.4c2.066-5.967 4.727-9.439 7.48-11.357c23.155 6.426 30.096 41.443 31.195 47.964c-10.44-1.81-12.79-1.327-24.104-5.207M133.023 472.088c0 3.67-5.337-.666-5.337-.666c-15.011-8.84-25.688-7.673-25.688-7.673c-21.35 0-44.032 30.356-44.032 30.356c-8.257 8.257-2.17-2.17-2.17-2.17c17.347-29.75 31.857-85.564 31.857-85.564c.999-6.673 4.337-4.337 4.337-4.337c18.515 15.18 41.033 70.054 41.033 70.054M6.425 355.166c-13.178 0-2.001-3.336-2.001-3.336c58.545-19.181 69.385-46.868 69.385-46.868c5.005-6.838 6.172 0 6.172 0c5.671 17.015 5.005 74.057 5.005 74.057c-.835 6.67-7.34-.667-7.34-.667c-21.183-25.021-71.221-23.186-71.221-23.186m7.504-143.776c62.216 23.184 89.236-2.667 89.236-2.667c8.338-4.837 6.506 1.835 6.506 1.835c-3.67 24.184-28.358 69.385-28.358 69.385c-4.252 4.255-6.337-2.501-6.337-2.501c-17.344-33.387-61.047-62.882-61.047-62.882c-7.17-5.505 0-3.17 0-3.17m86.9-126.263c-2.667-8.842.835-2.834.835-2.834c34.026 69.557 67.552 57.042 67.552 57.042c7.507-.666 4.337 2.67 4.337 2.67c-7.839 16.177-53.042 50.707-53.042 50.707c-6.003 2.835-3.336-6.506-3.336-6.506c4.17-33.527-16.346-101.08-16.346-101.08m87.235 39.366c20.528-15.278 49.624-101.33 49.624-101.33c5.924-16.093 4.252-4.251 4.252-4.251c-10.008 73.392 17.18 85.23 17.18 85.23c7.507 3.336 1.501 6.338 1.501 6.338c-22.349 12.01-72.557 19.015-72.557 19.015c-6.155 0 0-5.002 0-5.002"/></svg>

How to use the Lightwave icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:lightwave" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:lightwave" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:lightwave" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--lightwave]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:lightwave"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:lightwave"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/lightwave.svg" alt="Lightwave icon" width="24" height="24">

Lightwave icon FAQ

Is the Lightwave icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Lightwave icon in React?

Install @iconify/react and render <Icon icon="file-icons:lightwave" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Lightwave icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/lightwave.svg" alt="Lightwave icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →