trellis icon
trellis from Reicon by REICON · Outline · Home · MIT Free for personal and commercial use.
- Name
- trellis
- Set
- Reicon
- Style
- Outline
- Category
- Home
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More home icons from Reicon
Use the trellis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.2 2.92c-.418.13-.958.325-1.712.6c-1.066.387-2.32.763-3.42.863c-.274.025-.47.043-.616.058a5 5 0 0 0-.213.027l-.013.002h-.004c-.334.077-.54.205-.673.35c-.133.146-.242.363-.288.703c-.009.07-.01.196-.01.615v8.112h15.5V6.138c0-.419-.003-.546-.012-.615c-.046-.34-.155-.557-.287-.702c-.133-.146-.34-.274-.674-.35l-.004-.001l-.012-.002l-.047-.007l-.166-.02l-.617-.058c-1.1-.1-2.353-.476-3.42-.864a41 41 0 0 0-1.71-.599c-.424-.131-.655-.17-.802-.17s-.377.039-.8.17m10.05 11.348V6.072c0-.324 0-.565-.024-.749c-.078-.576-.287-1.098-.667-1.514s-.88-.671-1.447-.8c-.181-.042-.494-.07-.944-.111l-.1-.01c-.904-.081-2.012-.403-3.043-.778l-.02-.007a42 42 0 0 0-1.76-.616c-.456-.14-.863-.237-1.245-.237c-.381 0-.789.096-1.244.237c-.457.141-1.031.35-1.761.616l-.02.007c-1.03.375-2.139.697-3.043.779l-.1.009c-.45.04-.762.07-.943.11c-.567.13-1.068.385-1.448.801s-.589.938-.666 1.514a6 6 0 0 0-.025.749v8.196a1.746 1.746 0 0 0-1.498 1.736c.006 1.082.032 1.983.167 2.72c.14.758.405 1.403.93 1.928c.52.52 1.157.784 1.901.924V22a.75.75 0 0 0 1.5 0v-.276c.64.026 1.369.026 2.195.026h8.11c.826 0 1.556 0 2.195-.026V22a.75.75 0 0 0 1.5 0v-.424c.745-.14 1.382-.404 1.902-.924c.525-.525.79-1.17.93-1.928c.135-.737.16-1.638.166-2.72a1.746 1.746 0 0 0-1.498-1.736m-8.5 5.982H16c1.436 0 2.437-.002 3.192-.103c.734-.099 1.122-.28 1.4-.556c.243-.243.41-.571.514-1.138c.108-.588.136-1.363.142-2.457A.247.247 0 0 0 21 15.75h-8.25zm-1.5-4.5v4.5H8c-1.435 0-2.436-.002-3.192-.103c-.733-.099-1.122-.28-1.399-.556c-.243-.243-.41-.571-.514-1.138c-.109-.588-.137-1.363-.143-2.457c0-.133.108-.246.248-.246zm-.22-9.28a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0m3 1a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0m1 3a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0M6.25 18a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m8 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconTrellis(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" fillRule="evenodd" d="M11.2 2.92c-.418.13-.958.325-1.712.6c-1.066.387-2.32.763-3.42.863c-.274.025-.47.043-.616.058a5 5 0 0 0-.213.027l-.013.002h-.004c-.334.077-.54.205-.673.35c-.133.146-.242.363-.288.703c-.009.07-.01.196-.01.615v8.112h15.5V6.138c0-.419-.003-.546-.012-.615c-.046-.34-.155-.557-.287-.702c-.133-.146-.34-.274-.674-.35l-.004-.001l-.012-.002l-.047-.007l-.166-.02l-.617-.058c-1.1-.1-2.353-.476-3.42-.864a41 41 0 0 0-1.71-.599c-.424-.131-.655-.17-.802-.17s-.377.039-.8.17m10.05 11.348V6.072c0-.324 0-.565-.024-.749c-.078-.576-.287-1.098-.667-1.514s-.88-.671-1.447-.8c-.181-.042-.494-.07-.944-.111l-.1-.01c-.904-.081-2.012-.403-3.043-.778l-.02-.007a42 42 0 0 0-1.76-.616c-.456-.14-.863-.237-1.245-.237c-.381 0-.789.096-1.244.237c-.457.141-1.031.35-1.761.616l-.02.007c-1.03.375-2.139.697-3.043.779l-.1.009c-.45.04-.762.07-.943.11c-.567.13-1.068.385-1.448.801s-.589.938-.666 1.514a6 6 0 0 0-.025.749v8.196a1.746 1.746 0 0 0-1.498 1.736c.006 1.082.032 1.983.167 2.72c.14.758.405 1.403.93 1.928c.52.52 1.157.784 1.901.924V22a.75.75 0 0 0 1.5 0v-.276c.64.026 1.369.026 2.195.026h8.11c.826 0 1.556 0 2.195-.026V22a.75.75 0 0 0 1.5 0v-.424c.745-.14 1.382-.404 1.902-.924c.525-.525.79-1.17.93-1.928c.135-.737.16-1.638.166-2.72a1.746 1.746 0 0 0-1.498-1.736m-8.5 5.982H16c1.436 0 2.437-.002 3.192-.103c.734-.099 1.122-.28 1.4-.556c.243-.243.41-.571.514-1.138c.108-.588.136-1.363.142-2.457A.247.247 0 0 0 21 15.75h-8.25zm-1.5-4.5v4.5H8c-1.435 0-2.436-.002-3.192-.103c-.733-.099-1.122-.28-1.399-.556c-.243-.243-.41-.571-.514-1.138c-.109-.588-.137-1.363-.143-2.457c0-.133.108-.246.248-.246zm-.22-9.28a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0m3 1a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0m1 3a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0M6.25 18a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m8 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.2 2.92c-.418.13-.958.325-1.712.6c-1.066.387-2.32.763-3.42.863c-.274.025-.47.043-.616.058a5 5 0 0 0-.213.027l-.013.002h-.004c-.334.077-.54.205-.673.35c-.133.146-.242.363-.288.703c-.009.07-.01.196-.01.615v8.112h15.5V6.138c0-.419-.003-.546-.012-.615c-.046-.34-.155-.557-.287-.702c-.133-.146-.34-.274-.674-.35l-.004-.001l-.012-.002l-.047-.007l-.166-.02l-.617-.058c-1.1-.1-2.353-.476-3.42-.864a41 41 0 0 0-1.71-.599c-.424-.131-.655-.17-.802-.17s-.377.039-.8.17m10.05 11.348V6.072c0-.324 0-.565-.024-.749c-.078-.576-.287-1.098-.667-1.514s-.88-.671-1.447-.8c-.181-.042-.494-.07-.944-.111l-.1-.01c-.904-.081-2.012-.403-3.043-.778l-.02-.007a42 42 0 0 0-1.76-.616c-.456-.14-.863-.237-1.245-.237c-.381 0-.789.096-1.244.237c-.457.141-1.031.35-1.761.616l-.02.007c-1.03.375-2.139.697-3.043.779l-.1.009c-.45.04-.762.07-.943.11c-.567.13-1.068.385-1.448.801s-.589.938-.666 1.514a6 6 0 0 0-.025.749v8.196a1.746 1.746 0 0 0-1.498 1.736c.006 1.082.032 1.983.167 2.72c.14.758.405 1.403.93 1.928c.52.52 1.157.784 1.901.924V22a.75.75 0 0 0 1.5 0v-.276c.64.026 1.369.026 2.195.026h8.11c.826 0 1.556 0 2.195-.026V22a.75.75 0 0 0 1.5 0v-.424c.745-.14 1.382-.404 1.902-.924c.525-.525.79-1.17.93-1.928c.135-.737.16-1.638.166-2.72a1.746 1.746 0 0 0-1.498-1.736m-8.5 5.982H16c1.436 0 2.437-.002 3.192-.103c.734-.099 1.122-.28 1.4-.556c.243-.243.41-.571.514-1.138c.108-.588.136-1.363.142-2.457A.247.247 0 0 0 21 15.75h-8.25zm-1.5-4.5v4.5H8c-1.435 0-2.436-.002-3.192-.103c-.733-.099-1.122-.28-1.399-.556c-.243-.243-.41-.571-.514-1.138c-.109-.588-.137-1.363-.143-2.457c0-.133.108-.246.248-.246zm-.22-9.28a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0m3 1a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0m1 3a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0M6.25 18a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m8 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg> </template>
CSS
.icon-trellis {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.2%202.92c-.418.13-.958.325-1.712.6c-1.066.387-2.32.763-3.42.863c-.274.025-.47.043-.616.058a5%205%200%200%200-.213.027l-.013.002h-.004c-.334.077-.54.205-.673.35c-.133.146-.242.363-.288.703c-.009.07-.01.196-.01.615v8.112h15.5V6.138c0-.419-.003-.546-.012-.615c-.046-.34-.155-.557-.287-.702c-.133-.146-.34-.274-.674-.35l-.004-.001l-.012-.002l-.047-.007l-.166-.02l-.617-.058c-1.1-.1-2.353-.476-3.42-.864a41%2041%200%200%200-1.71-.599c-.424-.131-.655-.17-.802-.17s-.377.039-.8.17m10.05%2011.348V6.072c0-.324%200-.565-.024-.749c-.078-.576-.287-1.098-.667-1.514s-.88-.671-1.447-.8c-.181-.042-.494-.07-.944-.111l-.1-.01c-.904-.081-2.012-.403-3.043-.778l-.02-.007a42%2042%200%200%200-1.76-.616c-.456-.14-.863-.237-1.245-.237c-.381%200-.789.096-1.244.237c-.457.141-1.031.35-1.761.616l-.02.007c-1.03.375-2.139.697-3.043.779l-.1.009c-.45.04-.762.07-.943.11c-.567.13-1.068.385-1.448.801s-.589.938-.666%201.514a6%206%200%200%200-.025.749v8.196a1.746%201.746%200%200%200-1.498%201.736c.006%201.082.032%201.983.167%202.72c.14.758.405%201.403.93%201.928c.52.52%201.157.784%201.901.924V22a.75.75%200%200%200%201.5%200v-.276c.64.026%201.369.026%202.195.026h8.11c.826%200%201.556%200%202.195-.026V22a.75.75%200%200%200%201.5%200v-.424c.745-.14%201.382-.404%201.902-.924c.525-.525.79-1.17.93-1.928c.135-.737.16-1.638.166-2.72a1.746%201.746%200%200%200-1.498-1.736m-8.5%205.982H16c1.436%200%202.437-.002%203.192-.103c.734-.099%201.122-.28%201.4-.556c.243-.243.41-.571.514-1.138c.108-.588.136-1.363.142-2.457A.247.247%200%200%200%2021%2015.75h-8.25zm-1.5-4.5v4.5H8c-1.435%200-2.436-.002-3.192-.103c-.733-.099-1.122-.28-1.399-.556c-.243-.243-.41-.571-.514-1.138c-.109-.588-.137-1.363-.143-2.457c0-.133.108-.246.248-.246zm-.22-9.28a.75.75%200%200%201%200%201.06l-1%201a.75.75%200%200%201-1.06-1.06l1-1a.75.75%200%200%201%201.06%200m3%201a.75.75%200%200%201%200%201.06l-3%203a.75.75%200%200%201-1.06-1.06l3-3a.75.75%200%200%201%201.06%200m1%203a.75.75%200%200%201%200%201.06l-1%201a.75.75%200%200%201-1.06-1.06l1-1a.75.75%200%200%201%201.06%200M6.25%2018a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75m8%200a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.2%202.92c-.418.13-.958.325-1.712.6c-1.066.387-2.32.763-3.42.863c-.274.025-.47.043-.616.058a5%205%200%200%200-.213.027l-.013.002h-.004c-.334.077-.54.205-.673.35c-.133.146-.242.363-.288.703c-.009.07-.01.196-.01.615v8.112h15.5V6.138c0-.419-.003-.546-.012-.615c-.046-.34-.155-.557-.287-.702c-.133-.146-.34-.274-.674-.35l-.004-.001l-.012-.002l-.047-.007l-.166-.02l-.617-.058c-1.1-.1-2.353-.476-3.42-.864a41%2041%200%200%200-1.71-.599c-.424-.131-.655-.17-.802-.17s-.377.039-.8.17m10.05%2011.348V6.072c0-.324%200-.565-.024-.749c-.078-.576-.287-1.098-.667-1.514s-.88-.671-1.447-.8c-.181-.042-.494-.07-.944-.111l-.1-.01c-.904-.081-2.012-.403-3.043-.778l-.02-.007a42%2042%200%200%200-1.76-.616c-.456-.14-.863-.237-1.245-.237c-.381%200-.789.096-1.244.237c-.457.141-1.031.35-1.761.616l-.02.007c-1.03.375-2.139.697-3.043.779l-.1.009c-.45.04-.762.07-.943.11c-.567.13-1.068.385-1.448.801s-.589.938-.666%201.514a6%206%200%200%200-.025.749v8.196a1.746%201.746%200%200%200-1.498%201.736c.006%201.082.032%201.983.167%202.72c.14.758.405%201.403.93%201.928c.52.52%201.157.784%201.901.924V22a.75.75%200%200%200%201.5%200v-.276c.64.026%201.369.026%202.195.026h8.11c.826%200%201.556%200%202.195-.026V22a.75.75%200%200%200%201.5%200v-.424c.745-.14%201.382-.404%201.902-.924c.525-.525.79-1.17.93-1.928c.135-.737.16-1.638.166-2.72a1.746%201.746%200%200%200-1.498-1.736m-8.5%205.982H16c1.436%200%202.437-.002%203.192-.103c.734-.099%201.122-.28%201.4-.556c.243-.243.41-.571.514-1.138c.108-.588.136-1.363.142-2.457A.247.247%200%200%200%2021%2015.75h-8.25zm-1.5-4.5v4.5H8c-1.435%200-2.436-.002-3.192-.103c-.733-.099-1.122-.28-1.399-.556c-.243-.243-.41-.571-.514-1.138c-.109-.588-.137-1.363-.143-2.457c0-.133.108-.246.248-.246zm-.22-9.28a.75.75%200%200%201%200%201.06l-1%201a.75.75%200%200%201-1.06-1.06l1-1a.75.75%200%200%201%201.06%200m3%201a.75.75%200%200%201%200%201.06l-3%203a.75.75%200%200%201-1.06-1.06l3-3a.75.75%200%200%201%201.06%200m1%203a.75.75%200%200%201%200%201.06l-1%201a.75.75%200%200%201-1.06-1.06l1-1a.75.75%200%200%201%201.06%200M6.25%2018a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75m8%200a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/trellis.svg?color=%231a73e8&size=48
