ory icon logo

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

Name
ory-icon
Set
SVG Logos
Style
Color
Viewbox
256×511
License
CC0

Use the ory icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 511"><path fill="#4f46e5" d="M128 127.698c-70.704 0-128 57.161-128 127.698s57.296 127.698 128 127.698c70.706 0 128-57.16 128-127.698s-57.294-127.698-128-127.698M0 111.736V63.849L128 0l128 63.85v47.886l-128-63.85zm256 287.32v47.887l-128 63.85l-128-63.85v-47.886l128 63.849z"/></svg>

React

import type { SVGProps } from "react";

export function LogosOryIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 511"><path fill="#4f46e5" d="M128 127.698c-70.704 0-128 57.161-128 127.698s57.296 127.698 128 127.698c70.706 0 128-57.16 128-127.698s-57.294-127.698-128-127.698M0 111.736V63.849L128 0l128 63.85v47.886l-128-63.85zm256 287.32v47.887l-128 63.85l-128-63.85v-47.886l128 63.849z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 511"><path fill="#4f46e5" d="M128 127.698c-70.704 0-128 57.161-128 127.698s57.296 127.698 128 127.698c70.706 0 128-57.16 128-127.698s-57.294-127.698-128-127.698M0 111.736V63.849L128 0l128 63.85v47.886l-128-63.85zm256 287.32v47.887l-128 63.85l-128-63.85v-47.886l128 63.849z"/></svg>
</template>

CSS

.icon-ory-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%20511%22%3E%3Cpath%20fill%3D%22%234f46e5%22%20d%3D%22M128%20127.698c-70.704%200-128%2057.161-128%20127.698s57.296%20127.698%20128%20127.698c70.706%200%20128-57.16%20128-127.698s-57.294-127.698-128-127.698M0%20111.736V63.849L128%200l128%2063.85v47.886l-128-63.85zm256%20287.32v47.887l-128%2063.85l-128-63.85v-47.886l128%2063.849z%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%20511%22%3E%3Cpath%20fill%3D%22%234f46e5%22%20d%3D%22M128%20127.698c-70.704%200-128%2057.161-128%20127.698s57.296%20127.698%20128%20127.698c70.706%200%20128-57.16%20128-127.698s-57.294-127.698-128-127.698M0%20111.736V63.849L128%200l128%2063.85v47.886l-128-63.85zm256%20287.32v47.887l-128%2063.85l-128-63.85v-47.886l128%2063.849z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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