ory logo
ory from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- ory
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the ory logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5528ff" d="M64.162.066a.6.6 0 0 0-.26.063L33.754 15.043a.26.26 0 0 0-.152.246v12.766c-.004.035.015.066.046.086c.032.02.07.023.102.007l30.234-14.984a.34.34 0 0 1 .313 0l30.148 14.938q.165.08.164-.098q.093-6.11.016-12.227c-.008-.359.316-.527-.246-.804Q79.356 7.533 64.422.129a.6.6 0 0 0-.26-.063m-.017 33.403C47.28 33.469 33.613 47.137 33.613 64s13.668 30.531 30.532 30.531c16.863 0 30.53-13.668 30.53-30.531s-13.667-30.531-30.53-30.531M33.742 99.855c-.027-.015-.066-.011-.094.004a.1.1 0 0 0-.046.086v12.856c-.004.035.02.07.054.09l30.426 15.09a.09.09 0 0 0 .09 0l30.41-15.051a.1.1 0 0 0 .055-.09l.011-12.875a.1.1 0 0 0-.046-.086a.1.1 0 0 0-.098-.004l-30.305 15.004a.09.09 0 0 1-.09 0z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconOry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5528ff" d="M64.162.066a.6.6 0 0 0-.26.063L33.754 15.043a.26.26 0 0 0-.152.246v12.766c-.004.035.015.066.046.086c.032.02.07.023.102.007l30.234-14.984a.34.34 0 0 1 .313 0l30.148 14.938q.165.08.164-.098q.093-6.11.016-12.227c-.008-.359.316-.527-.246-.804Q79.356 7.533 64.422.129a.6.6 0 0 0-.26-.063m-.017 33.403C47.28 33.469 33.613 47.137 33.613 64s13.668 30.531 30.532 30.531c16.863 0 30.53-13.668 30.53-30.531s-13.667-30.531-30.53-30.531M33.742 99.855c-.027-.015-.066-.011-.094.004a.1.1 0 0 0-.046.086v12.856c-.004.035.02.07.054.09l30.426 15.09a.09.09 0 0 0 .09 0l30.41-15.051a.1.1 0 0 0 .055-.09l.011-12.875a.1.1 0 0 0-.046-.086a.1.1 0 0 0-.098-.004l-30.305 15.004a.09.09 0 0 1-.09 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#5528ff" d="M64.162.066a.6.6 0 0 0-.26.063L33.754 15.043a.26.26 0 0 0-.152.246v12.766c-.004.035.015.066.046.086c.032.02.07.023.102.007l30.234-14.984a.34.34 0 0 1 .313 0l30.148 14.938q.165.08.164-.098q.093-6.11.016-12.227c-.008-.359.316-.527-.246-.804Q79.356 7.533 64.422.129a.6.6 0 0 0-.26-.063m-.017 33.403C47.28 33.469 33.613 47.137 33.613 64s13.668 30.531 30.532 30.531c16.863 0 30.53-13.668 30.53-30.531s-13.667-30.531-30.53-30.531M33.742 99.855c-.027-.015-.066-.011-.094.004a.1.1 0 0 0-.046.086v12.856c-.004.035.02.07.054.09l30.426 15.09a.09.09 0 0 0 .09 0l30.41-15.051a.1.1 0 0 0 .055-.09l.011-12.875a.1.1 0 0 0-.046-.086a.1.1 0 0 0-.098-.004l-30.305 15.004a.09.09 0 0 1-.09 0z"/></svg> </template>
CSS
.icon-ory {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%235528ff%22%20d%3D%22M64.162.066a.6.6%200%200%200-.26.063L33.754%2015.043a.26.26%200%200%200-.152.246v12.766c-.004.035.015.066.046.086c.032.02.07.023.102.007l30.234-14.984a.34.34%200%200%201%20.313%200l30.148%2014.938q.165.08.164-.098q.093-6.11.016-12.227c-.008-.359.316-.527-.246-.804Q79.356%207.533%2064.422.129a.6.6%200%200%200-.26-.063m-.017%2033.403C47.28%2033.469%2033.613%2047.137%2033.613%2064s13.668%2030.531%2030.532%2030.531c16.863%200%2030.53-13.668%2030.53-30.531s-13.667-30.531-30.53-30.531M33.742%2099.855c-.027-.015-.066-.011-.094.004a.1.1%200%200%200-.046.086v12.856c-.004.035.02.07.054.09l30.426%2015.09a.09.09%200%200%200%20.09%200l30.41-15.051a.1.1%200%200%200%20.055-.09l.011-12.875a.1.1%200%200%200-.046-.086a.1.1%200%200%200-.098-.004l-30.305%2015.004a.09.09%200%200%201-.09%200z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%235528ff%22%20d%3D%22M64.162.066a.6.6%200%200%200-.26.063L33.754%2015.043a.26.26%200%200%200-.152.246v12.766c-.004.035.015.066.046.086c.032.02.07.023.102.007l30.234-14.984a.34.34%200%200%201%20.313%200l30.148%2014.938q.165.08.164-.098q.093-6.11.016-12.227c-.008-.359.316-.527-.246-.804Q79.356%207.533%2064.422.129a.6.6%200%200%200-.26-.063m-.017%2033.403C47.28%2033.469%2033.613%2047.137%2033.613%2064s13.668%2030.531%2030.532%2030.531c16.863%200%2030.53-13.668%2030.53-30.531s-13.667-30.531-30.53-30.531M33.742%2099.855c-.027-.015-.066-.011-.094.004a.1.1%200%200%200-.046.086v12.856c-.004.035.02.07.054.09l30.426%2015.09a.09.09%200%200%200%20.09%200l30.41-15.051a.1.1%200%200%200%20.055-.09l.011-12.875a.1.1%200%200%200-.046-.086a.1.1%200%200%200-.098-.004l-30.305%2015.004a.09.09%200%200%201-.09%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/ory.svg?color=%231a73e8&size=48
