simplelogin logo

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

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

Use the simplelogin logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.451 3.672q.16.158.277.348c.178.293.272.628.272.97v9.604c0 .342-.095.679-.274.971a1.9 1.9 0 0 1-.383.444c-.335.286-.76.443-1.201.443H11.727a9.77 9.77 0 0 1-5.2 4.365l-.136.049l-.135-.052a9.74 9.74 0 0 1-4.499-3.526A9.7 9.7 0 0 1 0 11.701a9.8 9.8 0 0 1 .227-2.1l.052-.237l.236-.058q.083-.02.162-.042a12 12 0 0 0 5.568-3.262l.04-.043l.232-.239v-.73c0-.343.095-.68.274-.972q.117-.19.278-.346a1.84 1.84 0 0 1 1.193-.537h13.994a1.84 1.84 0 0 1 1.195.537m-15.075.346q-.05 0-.098.004h-.142l.023.021l6.815 6.029a.435.435 0 0 0 .576 0l6.815-6.029l.023-.021h-.146a1 1 0 0 0-.098-.004zm-.898.605a1 1 0 0 0-.072.367v1.586a12 12 0 0 0 4.938 2.681l.114.029l.057.015l.237.058l.051.239a9 9 0 0 1 .1.565l.417-.369zM2.329 16.719a9.05 9.05 0 0 0 4.074 3.312a9 9 0 0 0 5.68-10.036a12.74 12.74 0 0 1-5.555-3.169a12.75 12.75 0 0 1-5.583 3.177a9 9 0 0 0-.161 1.698a9.04 9.04 0 0 0 1.545 5.018m10.684-5.098a9.7 9.7 0 0 1-.837 3.944h10.212l-.028-.025l-5.826-5.153l-.985.87a.43.43 0 0 1-.575 0l-.985-.87l-.984.87q.008.182.008.364m10.029 3.339a.9.9 0 0 0 .072-.366l.001-9.603a1 1 0 0 0-.071-.364l-5.84 5.168zM6.609 8.206a10.24 10.24 0 0 0 4.379 2.464q.11.607.118 1.223v.082a7.23 7.23 0 0 1-1.705 4.655l-.007.008a7.2 7.2 0 0 1-2.97 2.095a7.26 7.26 0 0 1-4.515-6.692q0-.689.129-1.365a10.25 10.25 0 0 0 4.486-2.551zm-3.177 5.053l2.752 2.752h.001l3.831-3.831l-.847-.846l-2.983 2.984l-1.908-1.907z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSimplelogin(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="M23.451 3.672q.16.158.277.348c.178.293.272.628.272.97v9.604c0 .342-.095.679-.274.971a1.9 1.9 0 0 1-.383.444c-.335.286-.76.443-1.201.443H11.727a9.77 9.77 0 0 1-5.2 4.365l-.136.049l-.135-.052a9.74 9.74 0 0 1-4.499-3.526A9.7 9.7 0 0 1 0 11.701a9.8 9.8 0 0 1 .227-2.1l.052-.237l.236-.058q.083-.02.162-.042a12 12 0 0 0 5.568-3.262l.04-.043l.232-.239v-.73c0-.343.095-.68.274-.972q.117-.19.278-.346a1.84 1.84 0 0 1 1.193-.537h13.994a1.84 1.84 0 0 1 1.195.537m-15.075.346q-.05 0-.098.004h-.142l.023.021l6.815 6.029a.435.435 0 0 0 .576 0l6.815-6.029l.023-.021h-.146a1 1 0 0 0-.098-.004zm-.898.605a1 1 0 0 0-.072.367v1.586a12 12 0 0 0 4.938 2.681l.114.029l.057.015l.237.058l.051.239a9 9 0 0 1 .1.565l.417-.369zM2.329 16.719a9.05 9.05 0 0 0 4.074 3.312a9 9 0 0 0 5.68-10.036a12.74 12.74 0 0 1-5.555-3.169a12.75 12.75 0 0 1-5.583 3.177a9 9 0 0 0-.161 1.698a9.04 9.04 0 0 0 1.545 5.018m10.684-5.098a9.7 9.7 0 0 1-.837 3.944h10.212l-.028-.025l-5.826-5.153l-.985.87a.43.43 0 0 1-.575 0l-.985-.87l-.984.87q.008.182.008.364m10.029 3.339a.9.9 0 0 0 .072-.366l.001-9.603a1 1 0 0 0-.071-.364l-5.84 5.168zM6.609 8.206a10.24 10.24 0 0 0 4.379 2.464q.11.607.118 1.223v.082a7.23 7.23 0 0 1-1.705 4.655l-.007.008a7.2 7.2 0 0 1-2.97 2.095a7.26 7.26 0 0 1-4.515-6.692q0-.689.129-1.365a10.25 10.25 0 0 0 4.486-2.551zm-3.177 5.053l2.752 2.752h.001l3.831-3.831l-.847-.846l-2.983 2.984l-1.908-1.907z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.451 3.672q.16.158.277.348c.178.293.272.628.272.97v9.604c0 .342-.095.679-.274.971a1.9 1.9 0 0 1-.383.444c-.335.286-.76.443-1.201.443H11.727a9.77 9.77 0 0 1-5.2 4.365l-.136.049l-.135-.052a9.74 9.74 0 0 1-4.499-3.526A9.7 9.7 0 0 1 0 11.701a9.8 9.8 0 0 1 .227-2.1l.052-.237l.236-.058q.083-.02.162-.042a12 12 0 0 0 5.568-3.262l.04-.043l.232-.239v-.73c0-.343.095-.68.274-.972q.117-.19.278-.346a1.84 1.84 0 0 1 1.193-.537h13.994a1.84 1.84 0 0 1 1.195.537m-15.075.346q-.05 0-.098.004h-.142l.023.021l6.815 6.029a.435.435 0 0 0 .576 0l6.815-6.029l.023-.021h-.146a1 1 0 0 0-.098-.004zm-.898.605a1 1 0 0 0-.072.367v1.586a12 12 0 0 0 4.938 2.681l.114.029l.057.015l.237.058l.051.239a9 9 0 0 1 .1.565l.417-.369zM2.329 16.719a9.05 9.05 0 0 0 4.074 3.312a9 9 0 0 0 5.68-10.036a12.74 12.74 0 0 1-5.555-3.169a12.75 12.75 0 0 1-5.583 3.177a9 9 0 0 0-.161 1.698a9.04 9.04 0 0 0 1.545 5.018m10.684-5.098a9.7 9.7 0 0 1-.837 3.944h10.212l-.028-.025l-5.826-5.153l-.985.87a.43.43 0 0 1-.575 0l-.985-.87l-.984.87q.008.182.008.364m10.029 3.339a.9.9 0 0 0 .072-.366l.001-9.603a1 1 0 0 0-.071-.364l-5.84 5.168zM6.609 8.206a10.24 10.24 0 0 0 4.379 2.464q.11.607.118 1.223v.082a7.23 7.23 0 0 1-1.705 4.655l-.007.008a7.2 7.2 0 0 1-2.97 2.095a7.26 7.26 0 0 1-4.515-6.692q0-.689.129-1.365a10.25 10.25 0 0 0 4.486-2.551zm-3.177 5.053l2.752 2.752h.001l3.831-3.831l-.847-.846l-2.983 2.984l-1.908-1.907z"/></svg>
</template>

CSS

.icon-simplelogin {
  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%22M23.451%203.672q.16.158.277.348c.178.293.272.628.272.97v9.604c0%20.342-.095.679-.274.971a1.9%201.9%200%200%201-.383.444c-.335.286-.76.443-1.201.443H11.727a9.77%209.77%200%200%201-5.2%204.365l-.136.049l-.135-.052a9.74%209.74%200%200%201-4.499-3.526A9.7%209.7%200%200%201%200%2011.701a9.8%209.8%200%200%201%20.227-2.1l.052-.237l.236-.058q.083-.02.162-.042a12%2012%200%200%200%205.568-3.262l.04-.043l.232-.239v-.73c0-.343.095-.68.274-.972q.117-.19.278-.346a1.84%201.84%200%200%201%201.193-.537h13.994a1.84%201.84%200%200%201%201.195.537m-15.075.346q-.05%200-.098.004h-.142l.023.021l6.815%206.029a.435.435%200%200%200%20.576%200l6.815-6.029l.023-.021h-.146a1%201%200%200%200-.098-.004zm-.898.605a1%201%200%200%200-.072.367v1.586a12%2012%200%200%200%204.938%202.681l.114.029l.057.015l.237.058l.051.239a9%209%200%200%201%20.1.565l.417-.369zM2.329%2016.719a9.05%209.05%200%200%200%204.074%203.312a9%209%200%200%200%205.68-10.036a12.74%2012.74%200%200%201-5.555-3.169a12.75%2012.75%200%200%201-5.583%203.177a9%209%200%200%200-.161%201.698a9.04%209.04%200%200%200%201.545%205.018m10.684-5.098a9.7%209.7%200%200%201-.837%203.944h10.212l-.028-.025l-5.826-5.153l-.985.87a.43.43%200%200%201-.575%200l-.985-.87l-.984.87q.008.182.008.364m10.029%203.339a.9.9%200%200%200%20.072-.366l.001-9.603a1%201%200%200%200-.071-.364l-5.84%205.168zM6.609%208.206a10.24%2010.24%200%200%200%204.379%202.464q.11.607.118%201.223v.082a7.23%207.23%200%200%201-1.705%204.655l-.007.008a7.2%207.2%200%200%201-2.97%202.095a7.26%207.26%200%200%201-4.515-6.692q0-.689.129-1.365a10.25%2010.25%200%200%200%204.486-2.551zm-3.177%205.053l2.752%202.752h.001l3.831-3.831l-.847-.846l-2.983%202.984l-1.908-1.907z%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%22M23.451%203.672q.16.158.277.348c.178.293.272.628.272.97v9.604c0%20.342-.095.679-.274.971a1.9%201.9%200%200%201-.383.444c-.335.286-.76.443-1.201.443H11.727a9.77%209.77%200%200%201-5.2%204.365l-.136.049l-.135-.052a9.74%209.74%200%200%201-4.499-3.526A9.7%209.7%200%200%201%200%2011.701a9.8%209.8%200%200%201%20.227-2.1l.052-.237l.236-.058q.083-.02.162-.042a12%2012%200%200%200%205.568-3.262l.04-.043l.232-.239v-.73c0-.343.095-.68.274-.972q.117-.19.278-.346a1.84%201.84%200%200%201%201.193-.537h13.994a1.84%201.84%200%200%201%201.195.537m-15.075.346q-.05%200-.098.004h-.142l.023.021l6.815%206.029a.435.435%200%200%200%20.576%200l6.815-6.029l.023-.021h-.146a1%201%200%200%200-.098-.004zm-.898.605a1%201%200%200%200-.072.367v1.586a12%2012%200%200%200%204.938%202.681l.114.029l.057.015l.237.058l.051.239a9%209%200%200%201%20.1.565l.417-.369zM2.329%2016.719a9.05%209.05%200%200%200%204.074%203.312a9%209%200%200%200%205.68-10.036a12.74%2012.74%200%200%201-5.555-3.169a12.75%2012.75%200%200%201-5.583%203.177a9%209%200%200%200-.161%201.698a9.04%209.04%200%200%200%201.545%205.018m10.684-5.098a9.7%209.7%200%200%201-.837%203.944h10.212l-.028-.025l-5.826-5.153l-.985.87a.43.43%200%200%201-.575%200l-.985-.87l-.984.87q.008.182.008.364m10.029%203.339a.9.9%200%200%200%20.072-.366l.001-9.603a1%201%200%200%200-.071-.364l-5.84%205.168zM6.609%208.206a10.24%2010.24%200%200%200%204.379%202.464q.11.607.118%201.223v.082a7.23%207.23%200%200%201-1.705%204.655l-.007.008a7.2%207.2%200%200%201-2.97%202.095a7.26%207.26%200%200%201-4.515-6.692q0-.689.129-1.365a10.25%2010.25%200%200%200%204.486-2.551zm-3.177%205.053l2.752%202.752h.001l3.831-3.831l-.847-.846l-2.983%202.984l-1.908-1.907z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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