Looker Icon アイコン
logos:looker-icon
Looker Icon アイコン(logos:looker-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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">SVG Logos の関連アイコン
Looker Icon アイコン のよくある質問
Looker Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Looker Icon アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。