Иконка Looker Icon

logos:looker-icon

Иконка Looker Icon (logos:looker-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 413. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 413
Теги: lookericon

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="413" viewBox="0 0 256 413"><path fill="#34a853" d="M127.128 0a36.088 36.088 0 0 0-29.935 56.22l15.413-15.393a15 15 0 0 1-.76-4.76c0-8.405 6.813-15.218 15.217-15.218s15.218 6.813 15.218 15.217s-6.813 15.218-15.218 15.218c-1.61.004-3.21-.253-4.739-.76l-15.392 15.391A36.066 36.066 0 1 0 127.128 0"/><path fill="#fbbc04" d="M112.78 105.112a56.07 56.07 0 0 0-11.24-33.784l-20 19.98c6.255 11.44 4.004 25.66-5.478 34.61l10.87 26.565a56.37 56.37 0 0 0 25.848-47.37"/><path fill="#ea4335" d="M56.887 133.787h-.522A28.697 28.697 0 1 1 72.127 81.11l19.805-19.805C72.674 45.694 45.478 44.49 24.915 58.34s-29.669 39.503-22.44 63.217c7.23 23.715 29.099 39.926 53.89 39.95a57.7 57.7 0 0 0 11.392-1.131z"/><path fill="#4285f4" d="M127.89 156.766a128 128 0 0 0-36.958 5.413l15.848 38.719a87.4 87.4 0 0 1 21.088-2.565c41.183.012 76.623 29.112 84.648 69.506c8.026 40.393-13.599 80.831-51.65 96.585c-38.05 15.754-81.931 2.437-104.808-31.808s-18.38-79.88 10.742-109a87.2 87.2 0 0 1 20.588-15.218l-15.674-38.61c-58.427 28.615-86.09 96.51-64.299 157.808c21.793 61.3 86.105 96.497 149.483 81.809s105.653-74.586 98.26-139.223c-7.394-64.636-62.102-113.44-127.16-113.438z"/></svg>

Как использовать иконку Looker Icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/looker-icon.svg" alt="Иконка Looker Icon" width="24" height="24">

Вопросы и ответы: Иконка Looker Icon

Можно ли бесплатно использовать иконку Looker Icon в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Looker Icon в React?

Установите @iconify/react и выведите <Icon icon="logos:looker-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Looker Icon на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/looker-icon.svg" alt="Иконка Looker Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →