trellis icon
trellis-line-duotone from Solar by 480 Design · Line Duotone · CC-BY-4.0 Attribution required.
- Name
- trellis-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Viewbox
- 24×24
- License
- CC BY 4.0
3 other variants in Solar
Use the trellis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M19 22v-.5M5 22v-.5m7-.5v-6" opacity=".5"/><path fill="currentColor" d="m2.879 20.121l-.53.53zm-.877-4.12l-.75.003zm19.12 4.12l.53.53zm.876-4.12l.75.003zM16 20.25H8v1.5h8zm-8 0c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556l-1.06 1.06c.601.603 1.36.861 2.26.983c.878.118 1.998.116 3.391.116zm-6.748-4.246c.006 1.082.032 1.983.167 2.72c.14.758.404 1.403.93 1.928l1.06-1.061c-.243-.244-.41-.572-.515-1.138c-.108-.589-.136-1.364-.142-2.457zM16 21.75c1.393 0 2.513.002 3.392-.116c.9-.122 1.658-.38 2.26-.982L20.59 19.59c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103zm5.248-5.754c-.006 1.093-.034 1.868-.142 2.457c-.104.567-.272.895-.515 1.138l1.06 1.06c.526-.524.79-1.17.93-1.927c.135-.737.161-1.638.167-2.72zM3 15.75h18v-1.5H3zm19.748.254A1.747 1.747 0 0 0 21 14.25v1.5c.14 0 .249.113.248.246zm-19.996-.008A.246.246 0 0 1 3 15.75v-1.5c-.964 0-1.754.782-1.748 1.754z"/><path stroke="currentColor" stroke-width="1.5" d="M20.5 15V6.138c0-.388 0-.582-.018-.715q-.185-1.375-1.537-1.683c-.13-.03-.402-.055-.945-.104c-1.002-.091-2.183-.44-3.231-.821C13.275 2.27 12.529 2 12 2s-1.275.271-2.769.815c-1.048.381-2.23.73-3.231.82c-.543.05-.814.075-.945.105q-1.351.308-1.537 1.683c-.018.133-.018.327-.018.715V15"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M15 18h2M7 18h2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m14.5 11l-1 1m0-4l-3 3m0-4l-1 1" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTrellisLineDuotone(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"><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M19 22v-.5M5 22v-.5m7-.5v-6" opacity=".5"/><path fill="currentColor" d="m2.879 20.121l-.53.53zm-.877-4.12l-.75.003zm19.12 4.12l.53.53zm.876-4.12l.75.003zM16 20.25H8v1.5h8zm-8 0c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556l-1.06 1.06c.601.603 1.36.861 2.26.983c.878.118 1.998.116 3.391.116zm-6.748-4.246c.006 1.082.032 1.983.167 2.72c.14.758.404 1.403.93 1.928l1.06-1.061c-.243-.244-.41-.572-.515-1.138c-.108-.589-.136-1.364-.142-2.457zM16 21.75c1.393 0 2.513.002 3.392-.116c.9-.122 1.658-.38 2.26-.982L20.59 19.59c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103zm5.248-5.754c-.006 1.093-.034 1.868-.142 2.457c-.104.567-.272.895-.515 1.138l1.06 1.06c.526-.524.79-1.17.93-1.927c.135-.737.161-1.638.167-2.72zM3 15.75h18v-1.5H3zm19.748.254A1.747 1.747 0 0 0 21 14.25v1.5c.14 0 .249.113.248.246zm-19.996-.008A.246.246 0 0 1 3 15.75v-1.5c-.964 0-1.754.782-1.748 1.754z"/><path stroke="currentColor" strokeWidth="1.5" d="M20.5 15V6.138c0-.388 0-.582-.018-.715q-.185-1.375-1.537-1.683c-.13-.03-.402-.055-.945-.104c-1.002-.091-2.183-.44-3.231-.821C13.275 2.27 12.529 2 12 2s-1.275.271-2.769.815c-1.048.381-2.23.73-3.231.82c-.543.05-.814.075-.945.105q-1.351.308-1.537 1.683c-.018.133-.018.327-.018.715V15"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M15 18h2M7 18h2"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="m14.5 11l-1 1m0-4l-3 3m0-4l-1 1" opacity=".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"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M19 22v-.5M5 22v-.5m7-.5v-6" opacity=".5"/><path fill="currentColor" d="m2.879 20.121l-.53.53zm-.877-4.12l-.75.003zm19.12 4.12l.53.53zm.876-4.12l.75.003zM16 20.25H8v1.5h8zm-8 0c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556l-1.06 1.06c.601.603 1.36.861 2.26.983c.878.118 1.998.116 3.391.116zm-6.748-4.246c.006 1.082.032 1.983.167 2.72c.14.758.404 1.403.93 1.928l1.06-1.061c-.243-.244-.41-.572-.515-1.138c-.108-.589-.136-1.364-.142-2.457zM16 21.75c1.393 0 2.513.002 3.392-.116c.9-.122 1.658-.38 2.26-.982L20.59 19.59c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103zm5.248-5.754c-.006 1.093-.034 1.868-.142 2.457c-.104.567-.272.895-.515 1.138l1.06 1.06c.526-.524.79-1.17.93-1.927c.135-.737.161-1.638.167-2.72zM3 15.75h18v-1.5H3zm19.748.254A1.747 1.747 0 0 0 21 14.25v1.5c.14 0 .249.113.248.246zm-19.996-.008A.246.246 0 0 1 3 15.75v-1.5c-.964 0-1.754.782-1.748 1.754z"/><path stroke="currentColor" stroke-width="1.5" d="M20.5 15V6.138c0-.388 0-.582-.018-.715q-.185-1.375-1.537-1.683c-.13-.03-.402-.055-.945-.104c-1.002-.091-2.183-.44-3.231-.821C13.275 2.27 12.529 2 12 2s-1.275.271-2.769.815c-1.048.381-2.23.73-3.231.82c-.543.05-.814.075-.945.105q-1.351.308-1.537 1.683c-.018.133-.018.327-.018.715V15"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M15 18h2M7 18h2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m14.5 11l-1 1m0-4l-3 3m0-4l-1 1" opacity=".5"/></g></svg> </template>
CSS
.icon-trellis-line-duotone {
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%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19%2022v-.5M5%2022v-.5m7-.5v-6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.879%2020.121l-.53.53zm-.877-4.12l-.75.003zm19.12%204.12l.53.53zm.876-4.12l.75.003zM16%2020.25H8v1.5h8zm-8%200c-1.435%200-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556l-1.06%201.06c.601.603%201.36.861%202.26.983c.878.118%201.998.116%203.391.116zm-6.748-4.246c.006%201.082.032%201.983.167%202.72c.14.758.404%201.403.93%201.928l1.06-1.061c-.243-.244-.41-.572-.515-1.138c-.108-.589-.136-1.364-.142-2.457zM16%2021.75c1.393%200%202.513.002%203.392-.116c.9-.122%201.658-.38%202.26-.982L20.59%2019.59c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103zm5.248-5.754c-.006%201.093-.034%201.868-.142%202.457c-.104.567-.272.895-.515%201.138l1.06%201.06c.526-.524.79-1.17.93-1.927c.135-.737.161-1.638.167-2.72zM3%2015.75h18v-1.5H3zm19.748.254A1.747%201.747%200%200%200%2021%2014.25v1.5c.14%200%20.249.113.248.246zm-19.996-.008A.246.246%200%200%201%203%2015.75v-1.5c-.964%200-1.754.782-1.748%201.754z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M20.5%2015V6.138c0-.388%200-.582-.018-.715q-.185-1.375-1.537-1.683c-.13-.03-.402-.055-.945-.104c-1.002-.091-2.183-.44-3.231-.821C13.275%202.27%2012.529%202%2012%202s-1.275.271-2.769.815c-1.048.381-2.23.73-3.231.82c-.543.05-.814.075-.945.105q-1.351.308-1.537%201.683c-.018.133-.018.327-.018.715V15%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%2018h2M7%2018h2%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m14.5%2011l-1%201m0-4l-3%203m0-4l-1%201%22%20opacity%3D%22.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%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19%2022v-.5M5%2022v-.5m7-.5v-6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.879%2020.121l-.53.53zm-.877-4.12l-.75.003zm19.12%204.12l.53.53zm.876-4.12l.75.003zM16%2020.25H8v1.5h8zm-8%200c-1.435%200-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556l-1.06%201.06c.601.603%201.36.861%202.26.983c.878.118%201.998.116%203.391.116zm-6.748-4.246c.006%201.082.032%201.983.167%202.72c.14.758.404%201.403.93%201.928l1.06-1.061c-.243-.244-.41-.572-.515-1.138c-.108-.589-.136-1.364-.142-2.457zM16%2021.75c1.393%200%202.513.002%203.392-.116c.9-.122%201.658-.38%202.26-.982L20.59%2019.59c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103zm5.248-5.754c-.006%201.093-.034%201.868-.142%202.457c-.104.567-.272.895-.515%201.138l1.06%201.06c.526-.524.79-1.17.93-1.927c.135-.737.161-1.638.167-2.72zM3%2015.75h18v-1.5H3zm19.748.254A1.747%201.747%200%200%200%2021%2014.25v1.5c.14%200%20.249.113.248.246zm-19.996-.008A.246.246%200%200%201%203%2015.75v-1.5c-.964%200-1.754.782-1.748%201.754z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M20.5%2015V6.138c0-.388%200-.582-.018-.715q-.185-1.375-1.537-1.683c-.13-.03-.402-.055-.945-.104c-1.002-.091-2.183-.44-3.231-.821C13.275%202.27%2012.529%202%2012%202s-1.275.271-2.769.815c-1.048.381-2.23.73-3.231.82c-.543.05-.814.075-.945.105q-1.351.308-1.537%201.683c-.018.133-.018.327-.018.715V15%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%2018h2M7%2018h2%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m14.5%2011l-1%201m0-4l-3%203m0-4l-1%201%22%20opacity%3D%22.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/solar/trellis-line-duotone.svg?color=%231a73e8&size=48
