trellis icon
trellis-linear from Solar by 480 Design · Linear · CC-BY-4.0 Attribution required.
- Name
- trellis-linear
- Set
- Solar
- Style
- Linear
- 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"/><path fill="currentColor" d="m2.879 20.121l-.53.53zm-.877-4.12l-.75.003zm19.12 4.12l.53.53zm.877-4.12l.75.003zM16 20.25H8v1.5h8zm-8 0c-1.435 0-2.436-.002-3.192-.103c-.733-.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.405 1.403.93 1.928l1.06-1.061c-.243-.244-.41-.572-.514-1.138c-.109-.589-.137-1.364-.143-2.457zM16 21.75c1.393 0 2.513.002 3.392-.116c.9-.122 1.658-.38 2.26-.982l-1.06-1.061c-.277.277-.666.457-1.4.556c-.755.101-1.756.103-3.192.103zm5.249-5.754c-.007 1.093-.035 1.868-.143 2.457c-.104.567-.271.895-.515 1.138l1.06 1.06c.526-.524.791-1.17.93-1.927c.136-.737.162-1.638.168-2.72zM3 15.75h18v-1.5H3zm19.749.254A1.747 1.747 0 0 0 21 14.25v1.5c.14 0 .25.113.248.246zm-19.997-.008c0-.133.108-.246.248-.246v-1.5c-.964 0-1.753.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 18h2m5.5-7l-1 1m0-4l-3 3m0-4l-1 1"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTrellisLinear(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"/><path fill="currentColor" d="m2.879 20.121l-.53.53zm-.877-4.12l-.75.003zm19.12 4.12l.53.53zm.877-4.12l.75.003zM16 20.25H8v1.5h8zm-8 0c-1.435 0-2.436-.002-3.192-.103c-.733-.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.405 1.403.93 1.928l1.06-1.061c-.243-.244-.41-.572-.514-1.138c-.109-.589-.137-1.364-.143-2.457zM16 21.75c1.393 0 2.513.002 3.392-.116c.9-.122 1.658-.38 2.26-.982l-1.06-1.061c-.277.277-.666.457-1.4.556c-.755.101-1.756.103-3.192.103zm5.249-5.754c-.007 1.093-.035 1.868-.143 2.457c-.104.567-.271.895-.515 1.138l1.06 1.06c.526-.524.791-1.17.93-1.927c.136-.737.162-1.638.168-2.72zM3 15.75h18v-1.5H3zm19.749.254A1.747 1.747 0 0 0 21 14.25v1.5c.14 0 .25.113.248.246zm-19.997-.008c0-.133.108-.246.248-.246v-1.5c-.964 0-1.753.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 18h2m5.5-7l-1 1m0-4l-3 3m0-4l-1 1"/></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"/><path fill="currentColor" d="m2.879 20.121l-.53.53zm-.877-4.12l-.75.003zm19.12 4.12l.53.53zm.877-4.12l.75.003zM16 20.25H8v1.5h8zm-8 0c-1.435 0-2.436-.002-3.192-.103c-.733-.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.405 1.403.93 1.928l1.06-1.061c-.243-.244-.41-.572-.514-1.138c-.109-.589-.137-1.364-.143-2.457zM16 21.75c1.393 0 2.513.002 3.392-.116c.9-.122 1.658-.38 2.26-.982l-1.06-1.061c-.277.277-.666.457-1.4.556c-.755.101-1.756.103-3.192.103zm5.249-5.754c-.007 1.093-.035 1.868-.143 2.457c-.104.567-.271.895-.515 1.138l1.06 1.06c.526-.524.791-1.17.93-1.927c.136-.737.162-1.638.168-2.72zM3 15.75h18v-1.5H3zm19.749.254A1.747 1.747 0 0 0 21 14.25v1.5c.14 0 .25.113.248.246zm-19.997-.008c0-.133.108-.246.248-.246v-1.5c-.964 0-1.753.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 18h2m5.5-7l-1 1m0-4l-3 3m0-4l-1 1"/></g></svg> </template>
CSS
.icon-trellis-linear {
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%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.877-4.12l.75.003zM16%2020.25H8v1.5h8zm-8%200c-1.435%200-2.436-.002-3.192-.103c-.733-.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.405%201.403.93%201.928l1.06-1.061c-.243-.244-.41-.572-.514-1.138c-.109-.589-.137-1.364-.143-2.457zM16%2021.75c1.393%200%202.513.002%203.392-.116c.9-.122%201.658-.38%202.26-.982l-1.06-1.061c-.277.277-.666.457-1.4.556c-.755.101-1.756.103-3.192.103zm5.249-5.754c-.007%201.093-.035%201.868-.143%202.457c-.104.567-.271.895-.515%201.138l1.06%201.06c.526-.524.791-1.17.93-1.927c.136-.737.162-1.638.168-2.72zM3%2015.75h18v-1.5H3zm19.749.254A1.747%201.747%200%200%200%2021%2014.25v1.5c.14%200%20.25.113.248.246zm-19.997-.008c0-.133.108-.246.248-.246v-1.5c-.964%200-1.753.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%2018h2m5.5-7l-1%201m0-4l-3%203m0-4l-1%201%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%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.877-4.12l.75.003zM16%2020.25H8v1.5h8zm-8%200c-1.435%200-2.436-.002-3.192-.103c-.733-.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.405%201.403.93%201.928l1.06-1.061c-.243-.244-.41-.572-.514-1.138c-.109-.589-.137-1.364-.143-2.457zM16%2021.75c1.393%200%202.513.002%203.392-.116c.9-.122%201.658-.38%202.26-.982l-1.06-1.061c-.277.277-.666.457-1.4.556c-.755.101-1.756.103-3.192.103zm5.249-5.754c-.007%201.093-.035%201.868-.143%202.457c-.104.567-.271.895-.515%201.138l1.06%201.06c.526-.524.791-1.17.93-1.927c.136-.737.162-1.638.168-2.72zM3%2015.75h18v-1.5H3zm19.749.254A1.747%201.747%200%200%200%2021%2014.25v1.5c.14%200%20.25.113.248.246zm-19.997-.008c0-.133.108-.246.248-.246v-1.5c-.964%200-1.753.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%2018h2m5.5-7l-1%201m0-4l-3%203m0-4l-1%201%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-linear.svg?color=%231a73e8&size=48
