steelseries logo

steelseries from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
steelseries
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the steelseries logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.08 0a1.81 1.81 0 0 0-1.812 1.809V4.38c-4.02.744-7.195 3.912-7.94 7.92H1.812a1.808 1.808 0 1 0 0 3.615h2.516A9.926 9.926 0 0 0 14.08 24c5.47 0 9.92-4.439 9.92-9.893c0-4.836-3.5-8.875-8.107-9.726V1.809c0-1-.812-1.809-1.813-1.809M4.693 3.176a1.812 1.812 0 1 0 0 3.623A1.817 1.817 0 0 0 6.51 4.986c0-1-.816-1.81-1.817-1.81m9.387 4.656c3.468 0 6.293 2.814 6.293 6.275c0 3.46-2.825 6.278-6.293 6.278c-3.47 0-6.293-2.818-6.293-6.278c0-3.461 2.824-6.275 6.293-6.275m-.017 2.404c-2.147 0-3.893 1.74-3.893 3.881S11.916 18 14.063 18a3.89 3.89 0 0 0 3.892-3.883a3.89 3.89 0 0 0-3.892-3.88m0 2.717a1.165 1.165 0 1 1 0 2.332c-.645 0-1.17-.525-1.17-1.168c0-.644.525-1.164 1.17-1.164"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSteelseries(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.08 0a1.81 1.81 0 0 0-1.812 1.809V4.38c-4.02.744-7.195 3.912-7.94 7.92H1.812a1.808 1.808 0 1 0 0 3.615h2.516A9.926 9.926 0 0 0 14.08 24c5.47 0 9.92-4.439 9.92-9.893c0-4.836-3.5-8.875-8.107-9.726V1.809c0-1-.812-1.809-1.813-1.809M4.693 3.176a1.812 1.812 0 1 0 0 3.623A1.817 1.817 0 0 0 6.51 4.986c0-1-.816-1.81-1.817-1.81m9.387 4.656c3.468 0 6.293 2.814 6.293 6.275c0 3.46-2.825 6.278-6.293 6.278c-3.47 0-6.293-2.818-6.293-6.278c0-3.461 2.824-6.275 6.293-6.275m-.017 2.404c-2.147 0-3.893 1.74-3.893 3.881S11.916 18 14.063 18a3.89 3.89 0 0 0 3.892-3.883a3.89 3.89 0 0 0-3.892-3.88m0 2.717a1.165 1.165 0 1 1 0 2.332c-.645 0-1.17-.525-1.17-1.168c0-.644.525-1.164 1.17-1.164"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.08 0a1.81 1.81 0 0 0-1.812 1.809V4.38c-4.02.744-7.195 3.912-7.94 7.92H1.812a1.808 1.808 0 1 0 0 3.615h2.516A9.926 9.926 0 0 0 14.08 24c5.47 0 9.92-4.439 9.92-9.893c0-4.836-3.5-8.875-8.107-9.726V1.809c0-1-.812-1.809-1.813-1.809M4.693 3.176a1.812 1.812 0 1 0 0 3.623A1.817 1.817 0 0 0 6.51 4.986c0-1-.816-1.81-1.817-1.81m9.387 4.656c3.468 0 6.293 2.814 6.293 6.275c0 3.46-2.825 6.278-6.293 6.278c-3.47 0-6.293-2.818-6.293-6.278c0-3.461 2.824-6.275 6.293-6.275m-.017 2.404c-2.147 0-3.893 1.74-3.893 3.881S11.916 18 14.063 18a3.89 3.89 0 0 0 3.892-3.883a3.89 3.89 0 0 0-3.892-3.88m0 2.717a1.165 1.165 0 1 1 0 2.332c-.645 0-1.17-.525-1.17-1.168c0-.644.525-1.164 1.17-1.164"/></svg>
</template>

CSS

.icon-steelseries {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.08%200a1.81%201.81%200%200%200-1.812%201.809V4.38c-4.02.744-7.195%203.912-7.94%207.92H1.812a1.808%201.808%200%201%200%200%203.615h2.516A9.926%209.926%200%200%200%2014.08%2024c5.47%200%209.92-4.439%209.92-9.893c0-4.836-3.5-8.875-8.107-9.726V1.809c0-1-.812-1.809-1.813-1.809M4.693%203.176a1.812%201.812%200%201%200%200%203.623A1.817%201.817%200%200%200%206.51%204.986c0-1-.816-1.81-1.817-1.81m9.387%204.656c3.468%200%206.293%202.814%206.293%206.275c0%203.46-2.825%206.278-6.293%206.278c-3.47%200-6.293-2.818-6.293-6.278c0-3.461%202.824-6.275%206.293-6.275m-.017%202.404c-2.147%200-3.893%201.74-3.893%203.881S11.916%2018%2014.063%2018a3.89%203.89%200%200%200%203.892-3.883a3.89%203.89%200%200%200-3.892-3.88m0%202.717a1.165%201.165%200%201%201%200%202.332c-.645%200-1.17-.525-1.17-1.168c0-.644.525-1.164%201.17-1.164%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.08%200a1.81%201.81%200%200%200-1.812%201.809V4.38c-4.02.744-7.195%203.912-7.94%207.92H1.812a1.808%201.808%200%201%200%200%203.615h2.516A9.926%209.926%200%200%200%2014.08%2024c5.47%200%209.92-4.439%209.92-9.893c0-4.836-3.5-8.875-8.107-9.726V1.809c0-1-.812-1.809-1.813-1.809M4.693%203.176a1.812%201.812%200%201%200%200%203.623A1.817%201.817%200%200%200%206.51%204.986c0-1-.816-1.81-1.817-1.81m9.387%204.656c3.468%200%206.293%202.814%206.293%206.275c0%203.46-2.825%206.278-6.293%206.278c-3.47%200-6.293-2.818-6.293-6.278c0-3.461%202.824-6.275%206.293-6.275m-.017%202.404c-2.147%200-3.893%201.74-3.893%203.881S11.916%2018%2014.063%2018a3.89%203.89%200%200%200%203.892-3.883a3.89%203.89%200%200%200-3.892-3.88m0%202.717a1.165%201.165%200%201%201%200%202.332c-.645%200-1.17-.525-1.17-1.168c0-.644.525-1.164%201.17-1.164%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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