openlock emoji
openlock from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- openlock
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the openlock emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#B1B4B5" d="M376.749 304.47c-13.531 0-24.5-10.969-24.5-24.5V137.305c0-48.084-39.119-87.203-87.203-87.203c-48.083 0-87.203 39.119-87.203 87.203c0 13.531-10.969 24.5-24.5 24.5s-24.5-10.969-24.5-24.5c0-75.103 61.1-136.203 136.203-136.203s136.203 61.101 136.203 136.203V279.97c0 13.531-10.969 24.5-24.5 24.5"/><path fill="#FFB636" d="M414.115 507.459H115.977c-27.835 0-50.4-22.565-50.4-50.4V284.691c0-27.835 22.565-50.4 50.4-50.4h298.138c27.835 0 50.4 22.565 50.4 50.4v172.367c0 27.836-22.565 50.401-50.4 50.401"/><path fill="#FFD469" d="M109.311 466.841h-2.525c-7.953 0-14.4-6.447-14.4-14.4V289.309c0-7.953 6.447-14.4 14.4-14.4h2.525c7.953 0 14.4 6.447 14.4 14.4v163.132c0 7.953-6.447 14.4-14.4 14.4"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiOpenlock(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#B1B4B5" d="M376.749 304.47c-13.531 0-24.5-10.969-24.5-24.5V137.305c0-48.084-39.119-87.203-87.203-87.203c-48.083 0-87.203 39.119-87.203 87.203c0 13.531-10.969 24.5-24.5 24.5s-24.5-10.969-24.5-24.5c0-75.103 61.1-136.203 136.203-136.203s136.203 61.101 136.203 136.203V279.97c0 13.531-10.969 24.5-24.5 24.5"/><path fill="#FFB636" d="M414.115 507.459H115.977c-27.835 0-50.4-22.565-50.4-50.4V284.691c0-27.835 22.565-50.4 50.4-50.4h298.138c27.835 0 50.4 22.565 50.4 50.4v172.367c0 27.836-22.565 50.401-50.4 50.401"/><path fill="#FFD469" d="M109.311 466.841h-2.525c-7.953 0-14.4-6.447-14.4-14.4V289.309c0-7.953 6.447-14.4 14.4-14.4h2.525c7.953 0 14.4 6.447 14.4 14.4v163.132c0 7.953-6.447 14.4-14.4 14.4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#B1B4B5" d="M376.749 304.47c-13.531 0-24.5-10.969-24.5-24.5V137.305c0-48.084-39.119-87.203-87.203-87.203c-48.083 0-87.203 39.119-87.203 87.203c0 13.531-10.969 24.5-24.5 24.5s-24.5-10.969-24.5-24.5c0-75.103 61.1-136.203 136.203-136.203s136.203 61.101 136.203 136.203V279.97c0 13.531-10.969 24.5-24.5 24.5"/><path fill="#FFB636" d="M414.115 507.459H115.977c-27.835 0-50.4-22.565-50.4-50.4V284.691c0-27.835 22.565-50.4 50.4-50.4h298.138c27.835 0 50.4 22.565 50.4 50.4v172.367c0 27.836-22.565 50.401-50.4 50.401"/><path fill="#FFD469" d="M109.311 466.841h-2.525c-7.953 0-14.4-6.447-14.4-14.4V289.309c0-7.953 6.447-14.4 14.4-14.4h2.525c7.953 0 14.4 6.447 14.4 14.4v163.132c0 7.953-6.447 14.4-14.4 14.4"/></svg> </template>
CSS
.icon-openlock {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23B1B4B5%22%20d%3D%22M376.749%20304.47c-13.531%200-24.5-10.969-24.5-24.5V137.305c0-48.084-39.119-87.203-87.203-87.203c-48.083%200-87.203%2039.119-87.203%2087.203c0%2013.531-10.969%2024.5-24.5%2024.5s-24.5-10.969-24.5-24.5c0-75.103%2061.1-136.203%20136.203-136.203s136.203%2061.101%20136.203%20136.203V279.97c0%2013.531-10.969%2024.5-24.5%2024.5%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M414.115%20507.459H115.977c-27.835%200-50.4-22.565-50.4-50.4V284.691c0-27.835%2022.565-50.4%2050.4-50.4h298.138c27.835%200%2050.4%2022.565%2050.4%2050.4v172.367c0%2027.836-22.565%2050.401-50.4%2050.401%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M109.311%20466.841h-2.525c-7.953%200-14.4-6.447-14.4-14.4V289.309c0-7.953%206.447-14.4%2014.4-14.4h2.525c7.953%200%2014.4%206.447%2014.4%2014.4v163.132c0%207.953-6.447%2014.4-14.4%2014.4%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23B1B4B5%22%20d%3D%22M376.749%20304.47c-13.531%200-24.5-10.969-24.5-24.5V137.305c0-48.084-39.119-87.203-87.203-87.203c-48.083%200-87.203%2039.119-87.203%2087.203c0%2013.531-10.969%2024.5-24.5%2024.5s-24.5-10.969-24.5-24.5c0-75.103%2061.1-136.203%20136.203-136.203s136.203%2061.101%20136.203%20136.203V279.97c0%2013.531-10.969%2024.5-24.5%2024.5%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M414.115%20507.459H115.977c-27.835%200-50.4-22.565-50.4-50.4V284.691c0-27.835%2022.565-50.4%2050.4-50.4h298.138c27.835%200%2050.4%2022.565%2050.4%2050.4v172.367c0%2027.836-22.565%2050.401-50.4%2050.401%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M109.311%20466.841h-2.525c-7.953%200-14.4-6.447-14.4-14.4V289.309c0-7.953%206.447-14.4%2014.4-14.4h2.525c7.953%200%2014.4%206.447%2014.4%2014.4v163.132c0%207.953-6.447%2014.4-14.4%2014.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/openlock.svg?color=%231a73e8&size=48
