Walkme icon

logos:walkme

The Walkme icon (logos:walkme) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 170 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 × 170

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="170" viewBox="0 0 512 170"><path d="M100.792 39.082V80.58q0 14.632-7.688 23.124t-20.638 8.491c-4.296.038-8.54-.94-12.387-2.853a26.9 26.9 0 0 1-9.687-8.2a29.04 29.04 0 0 1-9.875 8.269a26.7 26.7 0 0 1-11.65 2.785h-.506q-12.96 0-20.673-8.543T0 80.589V39.082h12.805v43.78q0 7.611 4.272 12.267q4.27 4.654 11.301 4.647a14.82 14.82 0 0 0 11.345-4.69q4.398-4.681 4.399-12.224v-43.78H56.85v43.78q0 7.611 4.271 12.267q4.272 4.654 11.302 4.647a14.67 14.67 0 0 0 11.285-4.707q4.34-4.682 4.348-12.224V39.082zm62.574 71.799V75.088q0-11.268-6.373-18.264q-6.372-6.996-16.538-6.987q-10.097 0-16.58 6.919q-6.485 6.92-6.476 17.82q0 11.105 6.663 18.23q6.663 7.124 16.982 7.14c3.107.002 6.19-.544 9.107-1.614a34.3 34.3 0 0 0 8.892-4.972v13.83a37 37 0 0 1-9.26 3.7a42.4 42.4 0 0 1-10.208 1.205a34 34 0 0 1-10.174-1.573a33.2 33.2 0 0 1-9.149-4.433a36 36 0 0 1-11.857-13.352a38.6 38.6 0 0 1-4.103-17.23l.003-.598q0-16.138 10.165-26.644q9.994-10.33 25.311-10.496l.53-.003a35.66 35.66 0 0 1 18.879 5.194a34.7 34.7 0 0 1 13.19 14.274a32.5 32.5 0 0 1 3.032 8.961a85.5 85.5 0 0 1 .914 14.523v30.154zM183.79 6.074h12.882V110.88H183.79zm21.604 104.807V6.074h12.882v59.062h5.706a16.15 16.15 0 0 0 8.97-2.272q3.476-2.272 7.5-8.927l9.149-14.855h15L254.07 56.167a50.4 50.4 0 0 1-4.981 6.985l-.511.592a18.9 18.9 0 0 1-5.126 4.27q8.86 1.71 13.07 7.288q4.212 5.577 4.203 15.846v19.733h-12.95V92.728c0-5.125-1.136-8.97-3.417-11.378c-2.281-2.41-5.86-3.614-10.78-3.614h-15.3v33.145z"/><path fill="#0094d4" d="M463.035 0h-145.41a48.965 48.965 0 0 0-48.965 48.974v47.231a48.965 48.965 0 0 0 48.965 49.017h37.672l34.495 24.568l34.494-24.568h38.749A48.965 48.965 0 0 0 512 96.248V48.974C512 21.93 490.079.004 463.035 0"/><path fill="#fff" d="M302.018 109.343v-41.55q0-14.634 7.688-23.125q7.689-8.49 20.707-8.49c4.265-.042 8.48.924 12.301 2.818a27.6 27.6 0 0 1 9.73 8.235a28.6 28.6 0 0 1 9.816-8.269a26.9 26.9 0 0 1 12.215-2.785q12.89 0 20.605 8.543q7.713 8.542 7.688 23.064v41.56h-12.703v-43.96q0-7.535-4.314-12.156c-6.261-6.137-16.282-6.137-22.543 0q-4.323 4.613-4.323 12.156v43.96h-12.728v-43.96q0-7.535-4.4-12.156a14.98 14.98 0 0 0-11.344-4.604q-7.022 0-11.301 4.604q-4.28 4.605-4.272 12.156v43.96zm176.624-31.812q-2.716 15.377-12.447 24.303q-9.73 8.928-23.705 8.927a35.3 35.3 0 0 1-9.397-1.281a34.4 34.4 0 0 1-8.747-3.767c-15.814-9.71-22.312-29.413-15.376-46.625a38.1 38.1 0 0 1 7.893-12.105a35.5 35.5 0 0 1 25.764-10.908a34.3 34.3 0 0 1 19.51 5.706q8.586 5.74 13.942 16.718l-47.06 26.071l-5.425-9.73l34.913-19.485a21.9 21.9 0 0 0-7.244-5.416a20.95 20.95 0 0 0-8.773-1.828a21.24 21.24 0 0 0-16.282 7.21q-6.629 7.2-6.629 17.82q0 10.618 6.663 17.785a22.14 22.14 0 0 0 31.607 1.204q6.185-6.03 7.689-16.572z"/></svg>

How to use the Walkme icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Walkme icon FAQ

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

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

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

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

Browse all SVG Logos icons →