struts logo

struts from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
struts
Set
SVG Logos
Style
Color
Viewbox
256×290
License
CC0

Use the struts logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path fill="#202a5a" d="M241.026 73.902L130.416 9.66L9.66 77.283v135.245l120.755 67.623l115.925-67.623V71.487z"/><path fill="#2c448a" d="m9.66 77.283l120.755 67.623L246.34 77.283L130.415 9.66z"/><path fill="#283a79" d="m246.34 71.487l-38.642 20.287l-.483 8.694l-76.8 44.438V280.15l115.925-67.623z"/><path fill="#202a5a" d="M9.66 77.283v135.245l120.755 67.623V144.906z"/><path fill="#3558a7" d="M0 212.528v-43.471l130.415 77.283v43.471zM0 77.283v24.151l130.415 77.283v-24.151z"/><path fill="#416fb5" d="M256 212.528v-24.15L150.219 142.49l-19.804 12.075v23.668l64.242 28.498l-64.242 39.608v43.471z"/><path fill="#477fc1" d="m194.657 206.732l-7.729-2.898l-56.513 32.845L9.66 169.057v-5.797L0 169.057l130.415 77.283zM56.996 86.943l73.42-43.471l77.282 48.302l38.642-20.287L130.415 0L0 77.283l130.415 77.283l19.804-12.075z"/><path fill="#202a5a" d="m207.215 100.468l.483-8.694l-77.283-48.302l-73.419 43.471l8.212 4.83l65.207-38.64z"/></svg>

React

import type { SVGProps } from "react";

export function LogosStruts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path fill="#202a5a" d="M241.026 73.902L130.416 9.66L9.66 77.283v135.245l120.755 67.623l115.925-67.623V71.487z"/><path fill="#2c448a" d="m9.66 77.283l120.755 67.623L246.34 77.283L130.415 9.66z"/><path fill="#283a79" d="m246.34 71.487l-38.642 20.287l-.483 8.694l-76.8 44.438V280.15l115.925-67.623z"/><path fill="#202a5a" d="M9.66 77.283v135.245l120.755 67.623V144.906z"/><path fill="#3558a7" d="M0 212.528v-43.471l130.415 77.283v43.471zM0 77.283v24.151l130.415 77.283v-24.151z"/><path fill="#416fb5" d="M256 212.528v-24.15L150.219 142.49l-19.804 12.075v23.668l64.242 28.498l-64.242 39.608v43.471z"/><path fill="#477fc1" d="m194.657 206.732l-7.729-2.898l-56.513 32.845L9.66 169.057v-5.797L0 169.057l130.415 77.283zM56.996 86.943l73.42-43.471l77.282 48.302l38.642-20.287L130.415 0L0 77.283l130.415 77.283l19.804-12.075z"/><path fill="#202a5a" d="m207.215 100.468l.483-8.694l-77.283-48.302l-73.419 43.471l8.212 4.83l65.207-38.64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 290"><path fill="#202a5a" d="M241.026 73.902L130.416 9.66L9.66 77.283v135.245l120.755 67.623l115.925-67.623V71.487z"/><path fill="#2c448a" d="m9.66 77.283l120.755 67.623L246.34 77.283L130.415 9.66z"/><path fill="#283a79" d="m246.34 71.487l-38.642 20.287l-.483 8.694l-76.8 44.438V280.15l115.925-67.623z"/><path fill="#202a5a" d="M9.66 77.283v135.245l120.755 67.623V144.906z"/><path fill="#3558a7" d="M0 212.528v-43.471l130.415 77.283v43.471zM0 77.283v24.151l130.415 77.283v-24.151z"/><path fill="#416fb5" d="M256 212.528v-24.15L150.219 142.49l-19.804 12.075v23.668l64.242 28.498l-64.242 39.608v43.471z"/><path fill="#477fc1" d="m194.657 206.732l-7.729-2.898l-56.513 32.845L9.66 169.057v-5.797L0 169.057l130.415 77.283zM56.996 86.943l73.42-43.471l77.282 48.302l38.642-20.287L130.415 0L0 77.283l130.415 77.283l19.804-12.075z"/><path fill="#202a5a" d="m207.215 100.468l.483-8.694l-77.283-48.302l-73.419 43.471l8.212 4.83l65.207-38.64z"/></svg>
</template>

CSS

.icon-struts {
  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%20256%20290%22%3E%3Cpath%20fill%3D%22%23202a5a%22%20d%3D%22M241.026%2073.902L130.416%209.66L9.66%2077.283v135.245l120.755%2067.623l115.925-67.623V71.487z%22%2F%3E%3Cpath%20fill%3D%22%232c448a%22%20d%3D%22m9.66%2077.283l120.755%2067.623L246.34%2077.283L130.415%209.66z%22%2F%3E%3Cpath%20fill%3D%22%23283a79%22%20d%3D%22m246.34%2071.487l-38.642%2020.287l-.483%208.694l-76.8%2044.438V280.15l115.925-67.623z%22%2F%3E%3Cpath%20fill%3D%22%23202a5a%22%20d%3D%22M9.66%2077.283v135.245l120.755%2067.623V144.906z%22%2F%3E%3Cpath%20fill%3D%22%233558a7%22%20d%3D%22M0%20212.528v-43.471l130.415%2077.283v43.471zM0%2077.283v24.151l130.415%2077.283v-24.151z%22%2F%3E%3Cpath%20fill%3D%22%23416fb5%22%20d%3D%22M256%20212.528v-24.15L150.219%20142.49l-19.804%2012.075v23.668l64.242%2028.498l-64.242%2039.608v43.471z%22%2F%3E%3Cpath%20fill%3D%22%23477fc1%22%20d%3D%22m194.657%20206.732l-7.729-2.898l-56.513%2032.845L9.66%20169.057v-5.797L0%20169.057l130.415%2077.283zM56.996%2086.943l73.42-43.471l77.282%2048.302l38.642-20.287L130.415%200L0%2077.283l130.415%2077.283l19.804-12.075z%22%2F%3E%3Cpath%20fill%3D%22%23202a5a%22%20d%3D%22m207.215%20100.468l.483-8.694l-77.283-48.302l-73.419%2043.471l8.212%204.83l65.207-38.64z%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%20256%20290%22%3E%3Cpath%20fill%3D%22%23202a5a%22%20d%3D%22M241.026%2073.902L130.416%209.66L9.66%2077.283v135.245l120.755%2067.623l115.925-67.623V71.487z%22%2F%3E%3Cpath%20fill%3D%22%232c448a%22%20d%3D%22m9.66%2077.283l120.755%2067.623L246.34%2077.283L130.415%209.66z%22%2F%3E%3Cpath%20fill%3D%22%23283a79%22%20d%3D%22m246.34%2071.487l-38.642%2020.287l-.483%208.694l-76.8%2044.438V280.15l115.925-67.623z%22%2F%3E%3Cpath%20fill%3D%22%23202a5a%22%20d%3D%22M9.66%2077.283v135.245l120.755%2067.623V144.906z%22%2F%3E%3Cpath%20fill%3D%22%233558a7%22%20d%3D%22M0%20212.528v-43.471l130.415%2077.283v43.471zM0%2077.283v24.151l130.415%2077.283v-24.151z%22%2F%3E%3Cpath%20fill%3D%22%23416fb5%22%20d%3D%22M256%20212.528v-24.15L150.219%20142.49l-19.804%2012.075v23.668l64.242%2028.498l-64.242%2039.608v43.471z%22%2F%3E%3Cpath%20fill%3D%22%23477fc1%22%20d%3D%22m194.657%20206.732l-7.729-2.898l-56.513%2032.845L9.66%20169.057v-5.797L0%20169.057l130.415%2077.283zM56.996%2086.943l73.42-43.471l77.282%2048.302l38.642-20.287L130.415%200L0%2077.283l130.415%2077.283l19.804-12.075z%22%2F%3E%3Cpath%20fill%3D%22%23202a5a%22%20d%3D%22m207.215%20100.468l.483-8.694l-77.283-48.302l-73.419%2043.471l8.212%204.83l65.207-38.64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/struts.svg?color=%231a73e8&size=48