Graylog icon
logos:graylog
The Graylog icon (logos:graylog) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 164 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 × 164
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="164" viewBox="0 0 512 164"><path fill="#03c3ff" d="M0 80.785c0 23.159 14.9 41.111 38.238 41.111c12.926 0 23.877-5.745 29.263-15.439v16.516c0 15.619-10.054 25.852-25.672 25.852c-13.823 0-22.98-7.002-24.954-19.21H.898c3.052 21.005 18.49 33.572 40.93 33.572c25.314 0 41.291-16.517 41.291-42.547V41.65H68.937L67.68 55.651C62.474 45.42 52.062 39.316 38.777 39.316C15.139 39.316.299 57.263.004 80.092zm15.798-.359c0-15.26 9.515-27.287 25.313-27.287s25.672 11.49 25.672 27.287c0 15.596-9.623 27.342-25.24 27.641l-.612.006c-15.439.18-25.133-12.028-25.133-27.647m129.077-39.495c-3.231-.718-5.565-1.077-8.437-1.077c-11.31 0-19.568 5.745-22.98 14.362l-1.077-12.567h-14.9v82.581h15.798V80.426c0-15.798 9.335-24.953 24.236-24.953h7.001V40.93zm30.699 85.274c13.284 0 24.594-5.924 28.903-15.44l1.616 13.285h13.464V72.348c0-22.261-13.823-33.032-34.29-33.032c-21.183 0-35.365 11.31-35.365 28.544h13.823c0-9.874 7.54-15.798 21.004-15.798c11.13 0 19.389 4.847 19.389 18.67v2.334l-26.031 1.975c-19.389 1.436-30.699 10.95-30.699 26.21c0 15.064 10.148 24.704 27.506 24.949zm4.488-12.208c-10.233 0-16.696-4.308-16.696-13.105c0-8.079 5.745-13.464 19.748-14.9l21.183-1.616v4.308c0 15.44-9.155 25.313-24.235 25.313m43.444 47.215c4.309 1.077 8.617 1.615 13.824 1.615c12.746 0 21.004-5.924 26.569-20.106l38.957-101.072h-16.337l-24.415 66.603l-24.056-66.603h-16.696l33.212 86.89l-2.873 7.899c-3.875 10.215-9.65 11.618-17.158 11.667l-11.027.002zm104.842-36.982V0H312.55v124.23zM428.7 80.785c0 23.159 14.9 41.111 38.239 41.111c12.925 0 23.876-5.745 29.262-15.439v16.516c0 15.619-10.053 25.852-25.672 25.852c-13.823 0-22.979-7.002-24.954-19.21h-15.798c3.052 21.005 18.491 33.572 40.932 33.572c25.312 0 41.29-16.517 41.29-42.547V41.65h-14.182l-1.257 14.002c-5.206-10.233-15.619-16.336-28.903-16.336c-23.877 0-38.957 18.31-38.957 41.47m15.978-.359c0-15.26 9.515-27.287 25.313-27.287s25.671 11.49 25.671 27.287c0 15.596-9.622 27.342-25.24 27.641l-.61.006c-15.42.177-24.89-11.717-25.13-27.048zm-64.09-40.572c23.338 0 42.188 18.85 42.188 42.188s-18.85 42.188-42.188 42.188s-42.188-18.85-42.188-42.188s18.85-42.188 42.188-42.188m0 14.362a27.736 27.736 0 0 0-27.826 27.826a27.736 27.736 0 0 0 27.826 27.826a27.736 27.736 0 0 0 27.826-27.826a27.736 27.736 0 0 0-27.826-27.826m3.95 8.976l7.72 15.798c.179.36.538.539.717.539h6.283c1.437 0 2.693 1.256 2.693 2.693c0 1.436-1.077 2.513-2.513 2.513h-9.694c-.36 0-.718-.18-.718-.539l-3.95-8.078l-6.642 24.594c-.18.719-1.257.898-1.616.18l-7.72-15.798c-.179-.36-.538-.539-.718-.539h-6.642c-1.436 0-2.693-1.256-2.693-2.692s1.257-2.693 2.693-2.693h9.694c.36 0 .718.18.718.538l3.95 8.079l6.822-24.415c.18-.718 1.257-.898 1.616-.18"/></svg>How to use the Graylog icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:graylog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:graylog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:graylog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--graylog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:graylog"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:graylog"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/graylog.svg" alt="Graylog icon" width="24" height="24">Related icons in SVG Logos
Graylog icon in other icon sets
Graylog icon FAQ
Is the Graylog 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 Graylog icon in React?
Install @iconify/react and render <Icon icon="logos:graylog" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Graylog icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/graylog.svg" alt="Graylog icon">, or paste the SVG code inline to style it with CSS.