Waypoint icon
logos:waypoint
The Waypoint icon (logos:waypoint) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 93 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 × 93
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="93" viewBox="0 0 512 93"><path d="m219.678 58.68l11.91-48.399h11.722l-15.476 62.51h-15.941l-11.444-50.275l-11.445 50.275h-15.941l-15.507-62.463h11.723l11.91 48.398l11.351-48.398h15.755zm58.894 14.11h-9.304l-.884-3.1a25.04 25.04 0 0 1-13.6 4.031c-8.358 0-11.91-5.722-11.91-13.6c0-9.304 4.033-12.855 13.306-12.855h10.979v-4.823c0-5.055-1.411-6.839-8.715-6.839c-4.26.042-8.505.515-12.67 1.412l-1.41-8.73a59.5 59.5 0 0 1 15.662-2.156c14.36 0 18.608 5.07 18.608 16.515zm-11.444-17.259h-8.436c-3.753 0-4.792 1.04-4.792 4.513c0 3.101 1.04 4.652 4.652 4.652a18.1 18.1 0 0 0 8.622-2.342zm43.508 17.261l-6.094 18.485h-10.855l5.707-18.485h-4.048L280.91 27.108h11.724l10.405 34.705l10.514-34.705h11.723zm56.186-15.245c0 10.126-4.497 16.143-15.104 16.143a63.6 63.6 0 0 1-12.189-1.318v18.857l-11.444 1.55V27.06h9.103l1.116 3.846a24.15 24.15 0 0 1 14.453-4.776c9.196 0 14.065 5.443 14.065 15.848zm-27.293 5.164a51 51 0 0 0 10.127 1.225c4.124 0 5.722-1.97 5.722-6.11v-16.05c0-3.752-1.396-5.815-5.63-5.815a16.18 16.18 0 0 0-10.219 4.125zm52.616 10.979c-15.662 0-19.865-8.653-19.865-17.957v-11.6c0-9.304 4.218-18.003 19.88-18.003c15.663 0 19.88 8.622 19.88 18.003v11.6c-.015 9.304-4.233 17.957-19.895 17.957m0-37.806c-6.094 0-8.436 2.713-8.436 7.877v12.282c0 5.164 2.342 7.893 8.436 7.893s8.436-2.73 8.436-7.893V43.76c0-5.086-2.342-7.877-8.436-7.877m26.828-15.29V7.366H430.4v13.228zm0 52.15V27.06H430.4v45.73zm47.898.047V40.86c0-2.45-1.023-3.66-3.66-3.66c-2.636 0-7.753 1.691-11.91 3.846V72.79h-11.443V27.06h8.73l1.117 3.846a45.9 45.9 0 0 1 18.298-4.776c7.599 0 10.312 5.35 10.312 13.506v33.155zm44.57-.883a32 32 0 0 1-10.032 1.784c-8.359 0-12.577-3.94-12.577-12.112V36.164h-6.838v-9.102h6.838V15.726l11.445-1.55v12.932H512l-.744 9.103h-10.98v23.88a3.6 3.6 0 0 0 2.477 3.9c.532.17 1.096.216 1.648.133a22.2 22.2 0 0 0 5.723-.946z"/><path fill="#14c6cb" d="M128.058 0L112.07 27.696L96.082 0zM42.691 18.485H32.022l26.673 46.21l-10.67 18.485L0 0h53.36l26.688 46.211l5.334-9.242L64.03 0h21.353l10.67 18.485l10.668 18.484L80.048 83.18z"/></svg>How to use the Waypoint icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:waypoint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:waypoint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:waypoint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--waypoint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:waypoint"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:waypoint"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/waypoint.svg" alt="Waypoint icon" width="24" height="24">Related icons in SVG Logos
Waypoint icon in other icon sets
Waypoint icon FAQ
Is the Waypoint 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 Waypoint icon in React?
Install @iconify/react and render <Icon icon="logos:waypoint" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Waypoint icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/waypoint.svg" alt="Waypoint icon">, or paste the SVG code inline to style it with CSS.