workos icon logo

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

Name
workos-icon
Set
SVG Logos
Style
Color
Viewbox
256×222
License
CC0

Use the workos icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 222"><path fill="#6363f1" d="M149.078 0a44.2 44.2 0 0 0-12.137 12.95l-.575.963l-10.844 18.766l-45.14 78.256l42.755 73.9l-10.834 18.776c-8.692 15.106-26.867 21.938-43.357 16.298c-8.41-2.806-15.229-8.964-19.833-16.536l-.468-.788l-44.892-77.737C1.276 120.66 0 115.798 0 110.935a27.44 27.44 0 0 1 3.305-13.107l.448-.797l46.168-79.966C55.844 6.72 66.757.285 78.653.01l.795-.01zm14.329 1.96c16.235-5.47 34.053 1.05 42.946 15.61l.41.688l45.484 78.763c2.477 4.179 3.753 9.05 3.753 13.914c0 4.558-1.121 9.117-3.303 13.112l-.45.791l-46.168 79.966c-5.923 10.345-16.836 16.781-28.732 17.056l-.795.009h-69.63c4.802-3.44 8.929-7.783 12.092-12.883l.62-1.03l10.844-18.776l45.14-78.245l-42.755-73.994l10.243-17.657c4.603-7.94 11.61-14.421 20.3-17.324"/></svg>

React

import type { SVGProps } from "react";

export function LogosWorkosIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 222"><path fill="#6363f1" d="M149.078 0a44.2 44.2 0 0 0-12.137 12.95l-.575.963l-10.844 18.766l-45.14 78.256l42.755 73.9l-10.834 18.776c-8.692 15.106-26.867 21.938-43.357 16.298c-8.41-2.806-15.229-8.964-19.833-16.536l-.468-.788l-44.892-77.737C1.276 120.66 0 115.798 0 110.935a27.44 27.44 0 0 1 3.305-13.107l.448-.797l46.168-79.966C55.844 6.72 66.757.285 78.653.01l.795-.01zm14.329 1.96c16.235-5.47 34.053 1.05 42.946 15.61l.41.688l45.484 78.763c2.477 4.179 3.753 9.05 3.753 13.914c0 4.558-1.121 9.117-3.303 13.112l-.45.791l-46.168 79.966c-5.923 10.345-16.836 16.781-28.732 17.056l-.795.009h-69.63c4.802-3.44 8.929-7.783 12.092-12.883l.62-1.03l10.844-18.776l45.14-78.245l-42.755-73.994l10.243-17.657c4.603-7.94 11.61-14.421 20.3-17.324"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 222"><path fill="#6363f1" d="M149.078 0a44.2 44.2 0 0 0-12.137 12.95l-.575.963l-10.844 18.766l-45.14 78.256l42.755 73.9l-10.834 18.776c-8.692 15.106-26.867 21.938-43.357 16.298c-8.41-2.806-15.229-8.964-19.833-16.536l-.468-.788l-44.892-77.737C1.276 120.66 0 115.798 0 110.935a27.44 27.44 0 0 1 3.305-13.107l.448-.797l46.168-79.966C55.844 6.72 66.757.285 78.653.01l.795-.01zm14.329 1.96c16.235-5.47 34.053 1.05 42.946 15.61l.41.688l45.484 78.763c2.477 4.179 3.753 9.05 3.753 13.914c0 4.558-1.121 9.117-3.303 13.112l-.45.791l-46.168 79.966c-5.923 10.345-16.836 16.781-28.732 17.056l-.795.009h-69.63c4.802-3.44 8.929-7.783 12.092-12.883l.62-1.03l10.844-18.776l45.14-78.245l-42.755-73.994l10.243-17.657c4.603-7.94 11.61-14.421 20.3-17.324"/></svg>
</template>

CSS

.icon-workos-icon {
  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%20222%22%3E%3Cpath%20fill%3D%22%236363f1%22%20d%3D%22M149.078%200a44.2%2044.2%200%200%200-12.137%2012.95l-.575.963l-10.844%2018.766l-45.14%2078.256l42.755%2073.9l-10.834%2018.776c-8.692%2015.106-26.867%2021.938-43.357%2016.298c-8.41-2.806-15.229-8.964-19.833-16.536l-.468-.788l-44.892-77.737C1.276%20120.66%200%20115.798%200%20110.935a27.44%2027.44%200%200%201%203.305-13.107l.448-.797l46.168-79.966C55.844%206.72%2066.757.285%2078.653.01l.795-.01zm14.329%201.96c16.235-5.47%2034.053%201.05%2042.946%2015.61l.41.688l45.484%2078.763c2.477%204.179%203.753%209.05%203.753%2013.914c0%204.558-1.121%209.117-3.303%2013.112l-.45.791l-46.168%2079.966c-5.923%2010.345-16.836%2016.781-28.732%2017.056l-.795.009h-69.63c4.802-3.44%208.929-7.783%2012.092-12.883l.62-1.03l10.844-18.776l45.14-78.245l-42.755-73.994l10.243-17.657c4.603-7.94%2011.61-14.421%2020.3-17.324%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%20222%22%3E%3Cpath%20fill%3D%22%236363f1%22%20d%3D%22M149.078%200a44.2%2044.2%200%200%200-12.137%2012.95l-.575.963l-10.844%2018.766l-45.14%2078.256l42.755%2073.9l-10.834%2018.776c-8.692%2015.106-26.867%2021.938-43.357%2016.298c-8.41-2.806-15.229-8.964-19.833-16.536l-.468-.788l-44.892-77.737C1.276%20120.66%200%20115.798%200%20110.935a27.44%2027.44%200%200%201%203.305-13.107l.448-.797l46.168-79.966C55.844%206.72%2066.757.285%2078.653.01l.795-.01zm14.329%201.96c16.235-5.47%2034.053%201.05%2042.946%2015.61l.41.688l45.484%2078.763c2.477%204.179%203.753%209.05%203.753%2013.914c0%204.558-1.121%209.117-3.303%2013.112l-.45.791l-46.168%2079.966c-5.923%2010.345-16.836%2016.781-28.732%2017.056l-.795.009h-69.63c4.802-3.44%208.929-7.783%2012.092-12.883l.62-1.03l10.844-18.776l45.14-78.245l-42.755-73.994l10.243-17.657c4.603-7.94%2011.61-14.421%2020.3-17.324%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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