loader logo
loader from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- loader
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×247
- License
- CC0
The same logo in other sets
Use the loader logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 247"><g fill="#497bbb"><path d="m165.759 82.951l58.343 108.03l-19.343 28.728H51.344l-19.478-29.302L90.201 82.95zm16.047-26.903H74.194L.493 191.81l36.431 54.802h182.152l36.431-54.102z"/><path d="M163.87 145.725h-42.596l15.694-42.596h-24.661l-33.544 67.455h98.474zM9.178 192.806l44.838 40.354h152.451l44.839-40.354zM128 0c-20.011 0-36.234 16.28-36.234 36.369c0 2.13.22 4.2.57 6.228h23.024c-.928-1.888-1.493-3.982-1.493-6.228c0-7.834 6.327-14.183 14.129-14.183c7.806 0 14.128 6.35 14.128 14.183c0 2.246-.57 4.34-1.493 6.228h23.03c.349-2.027.569-4.103.569-6.228C164.234 16.28 148.01 0 128 0"/></g></svg>
React
import type { SVGProps } from "react";
export function LogosLoader(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 247"><g fill="#497bbb"><path d="m165.759 82.951l58.343 108.03l-19.343 28.728H51.344l-19.478-29.302L90.201 82.95zm16.047-26.903H74.194L.493 191.81l36.431 54.802h182.152l36.431-54.102z"/><path d="M163.87 145.725h-42.596l15.694-42.596h-24.661l-33.544 67.455h98.474zM9.178 192.806l44.838 40.354h152.451l44.839-40.354zM128 0c-20.011 0-36.234 16.28-36.234 36.369c0 2.13.22 4.2.57 6.228h23.024c-.928-1.888-1.493-3.982-1.493-6.228c0-7.834 6.327-14.183 14.129-14.183c7.806 0 14.128 6.35 14.128 14.183c0 2.246-.57 4.34-1.493 6.228h23.03c.349-2.027.569-4.103.569-6.228C164.234 16.28 148.01 0 128 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 247"><g fill="#497bbb"><path d="m165.759 82.951l58.343 108.03l-19.343 28.728H51.344l-19.478-29.302L90.201 82.95zm16.047-26.903H74.194L.493 191.81l36.431 54.802h182.152l36.431-54.102z"/><path d="M163.87 145.725h-42.596l15.694-42.596h-24.661l-33.544 67.455h98.474zM9.178 192.806l44.838 40.354h152.451l44.839-40.354zM128 0c-20.011 0-36.234 16.28-36.234 36.369c0 2.13.22 4.2.57 6.228h23.024c-.928-1.888-1.493-3.982-1.493-6.228c0-7.834 6.327-14.183 14.129-14.183c7.806 0 14.128 6.35 14.128 14.183c0 2.246-.57 4.34-1.493 6.228h23.03c.349-2.027.569-4.103.569-6.228C164.234 16.28 148.01 0 128 0"/></g></svg> </template>
CSS
.icon-loader {
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%20247%22%3E%3Cg%20fill%3D%22%23497bbb%22%3E%3Cpath%20d%3D%22m165.759%2082.951l58.343%20108.03l-19.343%2028.728H51.344l-19.478-29.302L90.201%2082.95zm16.047-26.903H74.194L.493%20191.81l36.431%2054.802h182.152l36.431-54.102z%22%2F%3E%3Cpath%20d%3D%22M163.87%20145.725h-42.596l15.694-42.596h-24.661l-33.544%2067.455h98.474zM9.178%20192.806l44.838%2040.354h152.451l44.839-40.354zM128%200c-20.011%200-36.234%2016.28-36.234%2036.369c0%202.13.22%204.2.57%206.228h23.024c-.928-1.888-1.493-3.982-1.493-6.228c0-7.834%206.327-14.183%2014.129-14.183c7.806%200%2014.128%206.35%2014.128%2014.183c0%202.246-.57%204.34-1.493%206.228h23.03c.349-2.027.569-4.103.569-6.228C164.234%2016.28%20148.01%200%20128%200%22%2F%3E%3C%2Fg%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%20247%22%3E%3Cg%20fill%3D%22%23497bbb%22%3E%3Cpath%20d%3D%22m165.759%2082.951l58.343%20108.03l-19.343%2028.728H51.344l-19.478-29.302L90.201%2082.95zm16.047-26.903H74.194L.493%20191.81l36.431%2054.802h182.152l36.431-54.102z%22%2F%3E%3Cpath%20d%3D%22M163.87%20145.725h-42.596l15.694-42.596h-24.661l-33.544%2067.455h98.474zM9.178%20192.806l44.838%2040.354h152.451l44.839-40.354zM128%200c-20.011%200-36.234%2016.28-36.234%2036.369c0%202.13.22%204.2.57%206.228h23.024c-.928-1.888-1.493-3.982-1.493-6.228c0-7.834%206.327-14.183%2014.129-14.183c7.806%200%2014.128%206.35%2014.128%2014.183c0%202.246-.57%204.34-1.493%206.228h23.03c.349-2.027.569-4.103.569-6.228C164.234%2016.28%20148.01%200%20128%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/loader.svg?color=%231a73e8&size=48
