Strider icon

logos:strider

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#006eaf" d="m20.64 58.432l101.216 55.232l3.072-58.368L93.632 4.8c-30.395 8.47-56.22 27.797-72.992 53.632M165.504 5.6l-33.408 49.696l1.024 62.464l103.36-57.472C220.31 34.435 195.26 14.712 165.504 5.6"/><path fill="#00a7e1" d="m60.032 236.32l62.848-102.176l-102.272-75.68C7.615 78.492 0 102.348 0 128c0 45.69 24.012 85.671 60.032 108.32M236.48 60.288l-103.36 73.856l63.904 101.504C232.454 212.884 256 173.242 256 128c0-24.886-7.2-48.06-19.488-67.712c-.003-.005-.03.005-.032 0"/><path fill="#5bc9ec" d="m129.024 255.936l-6.144-100.288l-62.816 80.672C79.77 248.705 103.008 256 128 256c.346 0 .679-.061 1.024-.064m68-20.288L132.096 153.6l-3.072 102.336c25.058-.199 48.34-7.656 68-20.288"/><path fill="#fff" d="m165.504 5.6l-36.48 43.552l-35.36-44.384c-.012.003-.02.029-.032.032l31.296 50.496l-3.072 58.368L20.64 58.432c-.008.012-.024.02-.032.032l102.272 75.68L60.032 236.32c.008.005.024-.005.032 0l62.816-80.672l6.144 100.288l3.072-102.336l64.928 82.048l-63.904-101.504l103.36-73.856l-103.36 57.472l-1.024-62.464z"/><path fill="#013a78" d="M128 0c-11.916 0-23.391 1.722-34.336 4.768l35.36 44.384L165.504 5.6A127.8 127.8 0 0 0 128 0"/></svg>

How to use the Strider icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Strider icon FAQ

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

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

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

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

Browse all SVG Logos icons →