Lookml icon

file-icons:lookml

The Lookml icon (file-icons:lookml) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 329 × 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: 329 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="329" height="512" viewBox="0 0 329 512"><path fill="currentColor" d="M157.64 197.433c0-19.896-7.04-37.956-18.671-51.73l-21.427 21.427c6.734 8.264 10.713 18.978 10.713 30.303c0 13.163-5.204 24.794-13.468 33.671l18.06 24.794c15.305-14.692 24.794-35.507 24.794-58.465m-6.428-103.155c0-5.51 1.53-10.713 4.285-15.305l-13.774-12.856c-5.51 7.959-8.571 17.754-8.571 28.161c0 11.02 3.673 21.121 9.795 29.386l13.162-13.162c-3.367-4.592-4.897-10.102-4.897-16.224m-72.24 152.437c-27.242 0-49.281-22.039-49.281-49.282s22.039-49.281 49.281-49.281a49.32 49.32 0 0 1 29.08 9.489l21.733-21.733C116.01 123.97 98.258 116.93 78.973 116.93C35.507 116.93 0 153.05 0 197.127c0 44.385 35.201 80.198 78.973 80.198c14.08 0 27.243-3.673 38.569-10.101l-18.366-25.1c-6.122 3.06-13.162 4.591-20.203 4.591m220.697 52.65c-38.568-47.14-103.767-59.384-156.416-28.162l22.345 32.447c32.447-19.285 73.77-12.857 99.788 17.447c14.693 17.142 23.57 40.405 23.264 63.975c-.919 25.712-10.102 48.976-30.304 67.341c-33.67 30.304-82.953 27.243-113.256-6.428c-33.671-37.344-30.61-96.727 5.203-131.01l-22.651-33.058c-31.528 25.1-45.609 59.077-47.14 93.972c0 40.71 11.02 70.096 32.141 94.584c44.69 52.037 127.031 55.71 176.313 7.959c48.976-47.14 53.567-126.725 10.713-179.068M181.21 44.996c-11.632 0-22.345 4.286-30.916 11.326l13.775 13.162c4.897-3.367 10.713-5.51 17.141-5.51c16.836 0 30.304 13.469 30.304 30.304s-13.468 30.304-30.304 30.304c-5.816 0-11.325-1.837-15.917-4.591l-13.468 13.468c8.264 6.428 18.366 10.407 29.385 10.407c26.63 0 48.364-22.039 48.364-49.282c0-27.548-21.427-49.588-48.364-49.588m-67.648 3.368c-10.1 0-18.365-8.265-18.365-18.366s8.264-18.366 18.365-18.366s18.366 8.264 18.366 18.366c0 2.755-.612 5.203-1.53 7.346l8.57 7.959c2.756-4.592 4.286-9.796 4.286-15.305C143.254 13.468 130.092 0 113.562 0C97.34 0 83.871 13.468 83.871 29.998s13.162 29.997 29.691 29.997c6.122 0 11.632-1.836 16.224-4.897l-8.877-8.265c-2.143.918-4.592 1.53-7.347 1.53"/></svg>

How to use the Lookml icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Lookml icon FAQ

Is the Lookml 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 Lookml icon in React?

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

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

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

Browse all File Icons →