strider logo

strider from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
strider
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the strider logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosStrider(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-strider {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23006eaf%22%20d%3D%22m20.64%2058.432l101.216%2055.232l3.072-58.368L93.632%204.8c-30.395%208.47-56.22%2027.797-72.992%2053.632M165.504%205.6l-33.408%2049.696l1.024%2062.464l103.36-57.472C220.31%2034.435%20195.26%2014.712%20165.504%205.6%22%2F%3E%3Cpath%20fill%3D%22%2300a7e1%22%20d%3D%22m60.032%20236.32l62.848-102.176l-102.272-75.68C7.615%2078.492%200%20102.348%200%20128c0%2045.69%2024.012%2085.671%2060.032%20108.32M236.48%2060.288l-103.36%2073.856l63.904%20101.504C232.454%20212.884%20256%20173.242%20256%20128c0-24.886-7.2-48.06-19.488-67.712c-.003-.005-.03.005-.032%200%22%2F%3E%3Cpath%20fill%3D%22%235bc9ec%22%20d%3D%22m129.024%20255.936l-6.144-100.288l-62.816%2080.672C79.77%20248.705%20103.008%20256%20128%20256c.346%200%20.679-.061%201.024-.064m68-20.288L132.096%20153.6l-3.072%20102.336c25.058-.199%2048.34-7.656%2068-20.288%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m165.504%205.6l-36.48%2043.552l-35.36-44.384c-.012.003-.02.029-.032.032l31.296%2050.496l-3.072%2058.368L20.64%2058.432c-.008.012-.024.02-.032.032l102.272%2075.68L60.032%20236.32c.008.005.024-.005.032%200l62.816-80.672l6.144%20100.288l3.072-102.336l64.928%2082.048l-63.904-101.504l103.36-73.856l-103.36%2057.472l-1.024-62.464z%22%2F%3E%3Cpath%20fill%3D%22%23013a78%22%20d%3D%22M128%200c-11.916%200-23.391%201.722-34.336%204.768l35.36%2044.384L165.504%205.6A127.8%20127.8%200%200%200%20128%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23006eaf%22%20d%3D%22m20.64%2058.432l101.216%2055.232l3.072-58.368L93.632%204.8c-30.395%208.47-56.22%2027.797-72.992%2053.632M165.504%205.6l-33.408%2049.696l1.024%2062.464l103.36-57.472C220.31%2034.435%20195.26%2014.712%20165.504%205.6%22%2F%3E%3Cpath%20fill%3D%22%2300a7e1%22%20d%3D%22m60.032%20236.32l62.848-102.176l-102.272-75.68C7.615%2078.492%200%20102.348%200%20128c0%2045.69%2024.012%2085.671%2060.032%20108.32M236.48%2060.288l-103.36%2073.856l63.904%20101.504C232.454%20212.884%20256%20173.242%20256%20128c0-24.886-7.2-48.06-19.488-67.712c-.003-.005-.03.005-.032%200%22%2F%3E%3Cpath%20fill%3D%22%235bc9ec%22%20d%3D%22m129.024%20255.936l-6.144-100.288l-62.816%2080.672C79.77%20248.705%20103.008%20256%20128%20256c.346%200%20.679-.061%201.024-.064m68-20.288L132.096%20153.6l-3.072%20102.336c25.058-.199%2048.34-7.656%2068-20.288%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m165.504%205.6l-36.48%2043.552l-35.36-44.384c-.012.003-.02.029-.032.032l31.296%2050.496l-3.072%2058.368L20.64%2058.432c-.008.012-.024.02-.032.032l102.272%2075.68L60.032%20236.32c.008.005.024-.005.032%200l62.816-80.672l6.144%20100.288l3.072-102.336l64.928%2082.048l-63.904-101.504l103.36-73.856l-103.36%2057.472l-1.024-62.464z%22%2F%3E%3Cpath%20fill%3D%22%23013a78%22%20d%3D%22M128%200c-11.916%200-23.391%201.722-34.336%204.768l35.36%2044.384L165.504%205.6A127.8%20127.8%200%200%200%20128%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/strider.svg?color=%231a73e8&size=48