adonisjs logo
adonisjs from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- adonisjs
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the adonisjs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 12c0 9.68 2.32 12 12 12s12-2.32 12-12S21.68 0 12 0S0 2.32 0 12m4.84 2.492l3.762-8.555C9.238 4.498 10.46 3.716 12 3.716s2.762.781 3.398 2.223l3.762 8.554c.172.418.32.953.32 1.418c0 2.125-1.492 3.617-3.617 3.617c-.726 0-1.3-.183-1.883-.37c-.597-.192-1.203-.387-1.98-.387c-.77 0-1.39.195-1.996.386c-.59.188-1.168.371-1.867.371c-2.125 0-3.617-1.492-3.617-3.617c0-.465.148-1 .32-1.418ZM12 7.43l-3.715 8.406c1.102-.512 2.371-.758 3.715-.758c1.297 0 2.613.246 3.664.758Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsAdonisjs(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="M0 12c0 9.68 2.32 12 12 12s12-2.32 12-12S21.68 0 12 0S0 2.32 0 12m4.84 2.492l3.762-8.555C9.238 4.498 10.46 3.716 12 3.716s2.762.781 3.398 2.223l3.762 8.554c.172.418.32.953.32 1.418c0 2.125-1.492 3.617-3.617 3.617c-.726 0-1.3-.183-1.883-.37c-.597-.192-1.203-.387-1.98-.387c-.77 0-1.39.195-1.996.386c-.59.188-1.168.371-1.867.371c-2.125 0-3.617-1.492-3.617-3.617c0-.465.148-1 .32-1.418ZM12 7.43l-3.715 8.406c1.102-.512 2.371-.758 3.715-.758c1.297 0 2.613.246 3.664.758Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 12c0 9.68 2.32 12 12 12s12-2.32 12-12S21.68 0 12 0S0 2.32 0 12m4.84 2.492l3.762-8.555C9.238 4.498 10.46 3.716 12 3.716s2.762.781 3.398 2.223l3.762 8.554c.172.418.32.953.32 1.418c0 2.125-1.492 3.617-3.617 3.617c-.726 0-1.3-.183-1.883-.37c-.597-.192-1.203-.387-1.98-.387c-.77 0-1.39.195-1.996.386c-.59.188-1.168.371-1.867.371c-2.125 0-3.617-1.492-3.617-3.617c0-.465.148-1 .32-1.418ZM12 7.43l-3.715 8.406c1.102-.512 2.371-.758 3.715-.758c1.297 0 2.613.246 3.664.758Z"/></svg> </template>
CSS
.icon-adonisjs {
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%22M0%2012c0%209.68%202.32%2012%2012%2012s12-2.32%2012-12S21.68%200%2012%200S0%202.32%200%2012m4.84%202.492l3.762-8.555C9.238%204.498%2010.46%203.716%2012%203.716s2.762.781%203.398%202.223l3.762%208.554c.172.418.32.953.32%201.418c0%202.125-1.492%203.617-3.617%203.617c-.726%200-1.3-.183-1.883-.37c-.597-.192-1.203-.387-1.98-.387c-.77%200-1.39.195-1.996.386c-.59.188-1.168.371-1.867.371c-2.125%200-3.617-1.492-3.617-3.617c0-.465.148-1%20.32-1.418ZM12%207.43l-3.715%208.406c1.102-.512%202.371-.758%203.715-.758c1.297%200%202.613.246%203.664.758Z%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%22M0%2012c0%209.68%202.32%2012%2012%2012s12-2.32%2012-12S21.68%200%2012%200S0%202.32%200%2012m4.84%202.492l3.762-8.555C9.238%204.498%2010.46%203.716%2012%203.716s2.762.781%203.398%202.223l3.762%208.554c.172.418.32.953.32%201.418c0%202.125-1.492%203.617-3.617%203.617c-.726%200-1.3-.183-1.883-.37c-.597-.192-1.203-.387-1.98-.387c-.77%200-1.39.195-1.996.386c-.59.188-1.168.371-1.867.371c-2.125%200-3.617-1.492-3.617-3.617c0-.465.148-1%20.32-1.418ZM12%207.43l-3.715%208.406c1.102-.512%202.371-.758%203.715-.758c1.297%200%202.613.246%203.664.758Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/adonisjs.svg?color=%231a73e8&size=48
