trellis icon
trellis-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- trellis-bold-duotone
- Set
- Solar
- Style
- Bold 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"><path fill="currentColor" d="M20.5 15V6.137c0-.388 0-.582-.018-.714q-.185-1.375-1.537-1.684c-.13-.03-.402-.054-.945-.103c-1.002-.091-2.183-.44-3.231-.822C13.275 2.271 12.529 2 12 2s-1.275.271-2.769.814c-1.048.382-2.23.73-3.231.822c-.543.049-.814.074-.945.103q-1.351.31-1.537 1.684c-.018.132-.018.326-.018.714V15h7.75v6h1.5v-6z" opacity=".5"/><path fill="currentColor" d="M14.03 8.53a.75.75 0 0 0-1.06-1.06l-3 3a.75.75 0 1 0 1.06 1.06zm-3-1a.75.75 0 1 0-1.06-1.06l-1 1a.75.75 0 0 0 1.06 1.06zm4 4a.75.75 0 1 0-1.06-1.06l-1 1a.75.75 0 1 0 1.06 1.06z"/><path fill="currentColor" fill-rule="evenodd" d="M3 15h8.25v6H8c-.877 0-1.619 0-2.25-.026V22a.75.75 0 0 1-1.5 0v-1.19c-.58-.125-1.019-.336-1.371-.689c-.768-.768-.865-1.946-.877-4.12A.997.997 0 0 1 3 15m3.25 3a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M16 21h-3.25v-6H21a.997.997 0 0 1 1 1c-.013 2.175-.11 3.353-.877 4.121c-.353.353-.791.564-1.372.69V22a.75.75 0 0 1-1.5 0v-1.026C17.619 21 16.877 21 16 21m-1-3.75a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarTrellisBoldDuotone(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" d="M20.5 15V6.137c0-.388 0-.582-.018-.714q-.185-1.375-1.537-1.684c-.13-.03-.402-.054-.945-.103c-1.002-.091-2.183-.44-3.231-.822C13.275 2.271 12.529 2 12 2s-1.275.271-2.769.814c-1.048.382-2.23.73-3.231.822c-.543.049-.814.074-.945.103q-1.351.31-1.537 1.684c-.018.132-.018.326-.018.714V15h7.75v6h1.5v-6z" opacity=".5"/><path fill="currentColor" d="M14.03 8.53a.75.75 0 0 0-1.06-1.06l-3 3a.75.75 0 1 0 1.06 1.06zm-3-1a.75.75 0 1 0-1.06-1.06l-1 1a.75.75 0 0 0 1.06 1.06zm4 4a.75.75 0 1 0-1.06-1.06l-1 1a.75.75 0 1 0 1.06 1.06z"/><path fill="currentColor" fillRule="evenodd" d="M3 15h8.25v6H8c-.877 0-1.619 0-2.25-.026V22a.75.75 0 0 1-1.5 0v-1.19c-.58-.125-1.019-.336-1.371-.689c-.768-.768-.865-1.946-.877-4.12A.997.997 0 0 1 3 15m3.25 3a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M16 21h-3.25v-6H21a.997.997 0 0 1 1 1c-.013 2.175-.11 3.353-.877 4.121c-.353.353-.791.564-1.372.69V22a.75.75 0 0 1-1.5 0v-1.026C17.619 21 16.877 21 16 21m-1-3.75a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5z" 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" d="M20.5 15V6.137c0-.388 0-.582-.018-.714q-.185-1.375-1.537-1.684c-.13-.03-.402-.054-.945-.103c-1.002-.091-2.183-.44-3.231-.822C13.275 2.271 12.529 2 12 2s-1.275.271-2.769.814c-1.048.382-2.23.73-3.231.822c-.543.049-.814.074-.945.103q-1.351.31-1.537 1.684c-.018.132-.018.326-.018.714V15h7.75v6h1.5v-6z" opacity=".5"/><path fill="currentColor" d="M14.03 8.53a.75.75 0 0 0-1.06-1.06l-3 3a.75.75 0 1 0 1.06 1.06zm-3-1a.75.75 0 1 0-1.06-1.06l-1 1a.75.75 0 0 0 1.06 1.06zm4 4a.75.75 0 1 0-1.06-1.06l-1 1a.75.75 0 1 0 1.06 1.06z"/><path fill="currentColor" fill-rule="evenodd" d="M3 15h8.25v6H8c-.877 0-1.619 0-2.25-.026V22a.75.75 0 0 1-1.5 0v-1.19c-.58-.125-1.019-.336-1.371-.689c-.768-.768-.865-1.946-.877-4.12A.997.997 0 0 1 3 15m3.25 3a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M16 21h-3.25v-6H21a.997.997 0 0 1 1 1c-.013 2.175-.11 3.353-.877 4.121c-.353.353-.791.564-1.372.69V22a.75.75 0 0 1-1.5 0v-1.026C17.619 21 16.877 21 16 21m-1-3.75a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-trellis-bold-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.5%2015V6.137c0-.388%200-.582-.018-.714q-.185-1.375-1.537-1.684c-.13-.03-.402-.054-.945-.103c-1.002-.091-2.183-.44-3.231-.822C13.275%202.271%2012.529%202%2012%202s-1.275.271-2.769.814c-1.048.382-2.23.73-3.231.822c-.543.049-.814.074-.945.103q-1.351.31-1.537%201.684c-.018.132-.018.326-.018.714V15h7.75v6h1.5v-6z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.03%208.53a.75.75%200%200%200-1.06-1.06l-3%203a.75.75%200%201%200%201.06%201.06zm-3-1a.75.75%200%201%200-1.06-1.06l-1%201a.75.75%200%200%200%201.06%201.06zm4%204a.75.75%200%201%200-1.06-1.06l-1%201a.75.75%200%201%200%201.06%201.06z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%2015h8.25v6H8c-.877%200-1.619%200-2.25-.026V22a.75.75%200%200%201-1.5%200v-1.19c-.58-.125-1.019-.336-1.371-.689c-.768-.768-.865-1.946-.877-4.12A.997.997%200%200%201%203%2015m3.25%203a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75M16%2021h-3.25v-6H21a.997.997%200%200%201%201%201c-.013%202.175-.11%203.353-.877%204.121c-.353.353-.791.564-1.372.69V22a.75.75%200%200%201-1.5%200v-1.026C17.619%2021%2016.877%2021%2016%2021m-1-3.75a.75.75%200%200%200%200%201.5h2a.75.75%200%200%200%200-1.5z%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%20d%3D%22M20.5%2015V6.137c0-.388%200-.582-.018-.714q-.185-1.375-1.537-1.684c-.13-.03-.402-.054-.945-.103c-1.002-.091-2.183-.44-3.231-.822C13.275%202.271%2012.529%202%2012%202s-1.275.271-2.769.814c-1.048.382-2.23.73-3.231.822c-.543.049-.814.074-.945.103q-1.351.31-1.537%201.684c-.018.132-.018.326-.018.714V15h7.75v6h1.5v-6z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.03%208.53a.75.75%200%200%200-1.06-1.06l-3%203a.75.75%200%201%200%201.06%201.06zm-3-1a.75.75%200%201%200-1.06-1.06l-1%201a.75.75%200%200%200%201.06%201.06zm4%204a.75.75%200%201%200-1.06-1.06l-1%201a.75.75%200%201%200%201.06%201.06z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%2015h8.25v6H8c-.877%200-1.619%200-2.25-.026V22a.75.75%200%200%201-1.5%200v-1.19c-.58-.125-1.019-.336-1.371-.689c-.768-.768-.865-1.946-.877-4.12A.997.997%200%200%201%203%2015m3.25%203a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75M16%2021h-3.25v-6H21a.997.997%200%200%201%201%201c-.013%202.175-.11%203.353-.877%204.121c-.353.353-.791.564-1.372.69V22a.75.75%200%200%201-1.5%200v-1.026C17.619%2021%2016.877%2021%2016%2021m-1-3.75a.75.75%200%200%200%200%201.5h2a.75.75%200%200%200%200-1.5z%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/solar/trellis-bold-duotone.svg?color=%231a73e8&size=48
