Looker icon

logos:looker

The Looker icon (logos:looker) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 137 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 137

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="137" viewBox="0 0 512 137"><path fill="#34a853" d="M41.894 0a11.893 11.893 0 0 0-9.865 18.527l5.08-5.073a5.015 5.015 0 1 1 3.202 3.195l-5.072 5.073A11.885 11.885 0 1 0 41.894 0"/><path fill="#fbbc04" d="M37.166 34.639a18.48 18.48 0 0 0-3.704-11.133l-6.591 6.584a9.45 9.45 0 0 1-1.805 11.405l3.582 8.755a18.58 18.58 0 0 0 8.518-15.611"/><path fill="#ea4335" d="M18.747 44.088h-.172a9.457 9.457 0 1 1 5.194-17.358l6.526-6.527a18.584 18.584 0 1 0-11.72 33.02c1.26 0 2.518-.124 3.754-.373z"/><path fill="#4285f4" d="M42.145 51.661a42.2 42.2 0 0 0-12.18 1.784l5.224 12.76a28.8 28.8 0 0 1 6.949-.846c13.571.004 25.25 9.594 27.895 22.905s-4.481 26.638-17.02 31.83c-12.54 5.19-27 .802-34.54-10.483c-7.538-11.285-6.056-26.324 3.54-35.92a28.7 28.7 0 0 1 6.785-5.015l-5.165-12.724c-19.255 9.43-28.37 31.804-21.19 52.005c7.182 20.2 28.376 31.8 49.262 26.96c20.885-4.841 34.817-24.58 32.38-45.88S63.62 51.653 42.181 51.654z"/><path fill="#5f6368" d="M234.396 49.784a34.07 34.07 0 0 1 12.66 13.26a38.36 38.36 0 0 1 4.534 18.542a38.36 38.36 0 0 1-4.535 18.54a34.07 34.07 0 0 1-12.652 13.262a36.66 36.66 0 0 1-36.537 0l-.007-.029a33.97 33.97 0 0 1-12.652-13.26a38.3 38.3 0 0 1-4.535-18.542a38.3 38.3 0 0 1 4.535-18.512a33.97 33.97 0 0 1 12.652-13.261a36.66 36.66 0 0 1 36.537 0m77.073 0a34 34 0 0 1 12.659 13.26a38.36 38.36 0 0 1 4.535 18.542a38.36 38.36 0 0 1-4.535 18.54a34 34 0 0 1-12.652 13.262a36.66 36.66 0 0 1-36.538 0l-.007-.029a34.07 34.07 0 0 1-12.652-13.26a38.36 38.36 0 0 1-4.535-18.542a38.36 38.36 0 0 1 4.535-18.512a34.07 34.07 0 0 1 12.652-13.261a36.66 36.66 0 0 1 36.538 0m119.018-4.915q10.144 0 17.596 4.535a30.16 30.16 0 0 1 11.462 12.523a40.36 40.36 0 0 1 3.97 18.312a24 24 0 0 1-.273 3.518h-54.699q.41 7.88 3.79 13.268a22.13 22.13 0 0 0 8.597 8.117a23.3 23.3 0 0 0 10.897 2.708q13.526 0 20.432-12.452l9.744 4.736a34.3 34.3 0 0 1-12.043 13.196q-7.716 4.88-18.541 4.88a33.6 33.6 0 0 1-17.732-4.715a32.87 32.87 0 0 1-12.25-13.06a39.5 39.5 0 0 1-4.392-18.763a41.2 41.2 0 0 1 4.14-18.319a33.16 33.16 0 0 1 11.772-13.469a31.34 31.34 0 0 1 17.53-5.015M137.02 17.438v89.502h43.652v11.27h-55.508V17.437zm212.01 0v63.704l35.678-36.244h15.045v.559l-30.09 30.383l28.729 41.84v.53h-14.214l-22.875-34.174l-12.273 12.301v21.872h-11.85V17.438zm162.972 28.979v12.688a22.2 22.2 0 0 0-10.03-2.236a16.53 16.53 0 0 0-9.486 2.938a21.16 21.16 0 0 0-6.906 7.88A22.9 22.9 0 0 0 483 78.383v39.826h-11.834V44.912h11.29v13.612h.56q2.091-5.86 8.088-9.764a22.7 22.7 0 0 1 12.53-3.883a20.65 20.65 0 0 1 8.368 1.54M216.127 55.3a23.53 23.53 0 0 0-20.776 12.316a28.26 28.26 0 0 0-3.31 13.941a28.24 28.24 0 0 0 3.31 13.942a23.64 23.64 0 0 0 32.619 9.134h-.022a23.5 23.5 0 0 0 8.82-9.134a28.16 28.16 0 0 0 3.317-13.942a28.2 28.2 0 0 0-3.317-13.941a23.5 23.5 0 0 0-8.798-9.135a23.2 23.2 0 0 0-11.843-3.18m77.051 0a23.6 23.6 0 0 0-11.914 3.181a23.35 23.35 0 0 0-8.862 9.135a28.2 28.2 0 0 0-3.317 13.941a28.16 28.16 0 0 0 3.317 13.942a23.35 23.35 0 0 0 8.862 9.134a23.6 23.6 0 0 0 11.914 3.181a23.2 23.2 0 0 0 11.871-3.18h-.028a23.54 23.54 0 0 0 8.797-9.135a28.24 28.24 0 0 0 3.317-13.942a28.26 28.26 0 0 0-3.317-13.941a23.54 23.54 0 0 0-8.797-9.135a23.2 23.2 0 0 0-11.843-3.18M416.69 60.51q-5.681 5.215-7.443 13.74h42.09a22.4 22.4 0 0 0-2.437-8.66a18.7 18.7 0 0 0-6.77-7.308q-4.599-2.98-11.634-2.98a19.72 19.72 0 0 0-13.806 5.208"/></svg>

How to use the Looker icon

React

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

<Icon icon="logos:looker" width="24" />

Vue

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

<template>
  <Icon icon="logos:looker" width="24" />
</template>

Svelte

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

<Icon icon="logos:looker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--looker]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="logos:looker"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/looker.svg" alt="Looker icon" width="24" height="24">

Related icons in SVG Logos

Looker icon in other icon sets

Looker icon FAQ

Is the Looker icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Looker icon in React?

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

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

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

Browse all SVG Logos icons →