layer bring to front icon
layer-bring-to-front from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- layer-bring-to-front
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the layer bring to front icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m16.978 8l2.31 1.06C21.095 9.892 22 10.308 22 11s-.904 1.109-2.713 1.94l-4.893 2.247c-1.18.542-1.77.813-2.394.813s-1.214-.271-2.394-.813l-4.893-2.248C2.904 12.11 2 11.693 2 11s.904-1.109 2.713-1.94L7.022 8M12 2.5V10m3-5c-.59-.607-2.16-3-3-3S9.59 4.393 9 5"/><path d="M20.233 15.5C21.41 16.062 22 16.44 22 17c0 .693-.904 1.109-2.713 1.94l-4.893 2.247c-1.18.542-1.77.813-2.394.813s-1.214-.27-2.394-.813L4.713 18.94C2.904 18.11 2 17.694 2 17c0-.56.59-.938 1.767-1.5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsLayerBringToFront(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="m16.978 8l2.31 1.06C21.095 9.892 22 10.308 22 11s-.904 1.109-2.713 1.94l-4.893 2.247c-1.18.542-1.77.813-2.394.813s-1.214-.271-2.394-.813l-4.893-2.248C2.904 12.11 2 11.693 2 11s.904-1.109 2.713-1.94L7.022 8M12 2.5V10m3-5c-.59-.607-2.16-3-3-3S9.59 4.393 9 5"/><path d="M20.233 15.5C21.41 16.062 22 16.44 22 17c0 .693-.904 1.109-2.713 1.94l-4.893 2.247c-1.18.542-1.77.813-2.394.813s-1.214-.27-2.394-.813L4.713 18.94C2.904 18.11 2 17.694 2 17c0-.56.59-.938 1.767-1.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m16.978 8l2.31 1.06C21.095 9.892 22 10.308 22 11s-.904 1.109-2.713 1.94l-4.893 2.247c-1.18.542-1.77.813-2.394.813s-1.214-.271-2.394-.813l-4.893-2.248C2.904 12.11 2 11.693 2 11s.904-1.109 2.713-1.94L7.022 8M12 2.5V10m3-5c-.59-.607-2.16-3-3-3S9.59 4.393 9 5"/><path d="M20.233 15.5C21.41 16.062 22 16.44 22 17c0 .693-.904 1.109-2.713 1.94l-4.893 2.247c-1.18.542-1.77.813-2.394.813s-1.214-.27-2.394-.813L4.713 18.94C2.904 18.11 2 17.694 2 17c0-.56.59-.938 1.767-1.5"/></g></svg> </template>
CSS
.icon-layer-bring-to-front {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m16.978%208l2.31%201.06C21.095%209.892%2022%2010.308%2022%2011s-.904%201.109-2.713%201.94l-4.893%202.247c-1.18.542-1.77.813-2.394.813s-1.214-.271-2.394-.813l-4.893-2.248C2.904%2012.11%202%2011.693%202%2011s.904-1.109%202.713-1.94L7.022%208M12%202.5V10m3-5c-.59-.607-2.16-3-3-3S9.59%204.393%209%205%22%2F%3E%3Cpath%20d%3D%22M20.233%2015.5C21.41%2016.062%2022%2016.44%2022%2017c0%20.693-.904%201.109-2.713%201.94l-4.893%202.247c-1.18.542-1.77.813-2.394.813s-1.214-.27-2.394-.813L4.713%2018.94C2.904%2018.11%202%2017.694%202%2017c0-.56.59-.938%201.767-1.5%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m16.978%208l2.31%201.06C21.095%209.892%2022%2010.308%2022%2011s-.904%201.109-2.713%201.94l-4.893%202.247c-1.18.542-1.77.813-2.394.813s-1.214-.271-2.394-.813l-4.893-2.248C2.904%2012.11%202%2011.693%202%2011s.904-1.109%202.713-1.94L7.022%208M12%202.5V10m3-5c-.59-.607-2.16-3-3-3S9.59%204.393%209%205%22%2F%3E%3Cpath%20d%3D%22M20.233%2015.5C21.41%2016.062%2022%2016.44%2022%2017c0%20.693-.904%201.109-2.713%201.94l-4.893%202.247c-1.18.542-1.77.813-2.394.813s-1.214-.27-2.394-.813L4.713%2018.94C2.904%2018.11%202%2017.694%202%2017c0-.56.59-.938%201.767-1.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/layer-bring-to-front.svg?color=%231a73e8&size=48
