Struts icon
logos:struts
The Struts icon (logos:struts) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 290 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 290
- Tags
- strut
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="290" 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>How to use the Struts icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:struts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:struts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:struts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--struts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:struts"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:struts"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/struts.svg" alt="Struts icon" width="24" height="24">Struts icon FAQ
Is the Struts icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Struts icon in React?
Install @iconify/react and render <Icon icon="logos:struts" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Struts icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/struts.svg" alt="Struts icon">, or paste the SVG code inline to style it with CSS.