Iron icon
logos:iron
The Iron icon (logos:iron) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 173 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
- 512 × 173
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="173" viewBox="0 0 512 173"><path fill="#3177bc" d="m87.888 71.827l20.382-3.098l1.141-10.273h-66.2l1.14 10.273l20.383 3.098c1.304.163 2.12 1.304 2.12 2.446v23.806a2.47 2.47 0 0 1-2.12 2.446l-20.382 3.098l-1.142 10.273h66.038l-1.141-10.273l-20.382-3.098c-1.305-.163-2.12-1.305-2.12-2.446V74.273c.163-1.305.978-2.283 2.283-2.446"/><path fill="#3177bc" d="M146.262 38.563L82.507 1.713c-3.913-2.284-8.642-2.284-12.555 0L6.196 38.562C2.446 40.846 0 44.923 0 49.325v73.539c0 4.402 2.446 8.642 6.196 10.761l63.756 36.851c1.956 1.142 4.076 1.631 6.196 1.631s4.402-.652 6.196-1.63l63.918-36.688c3.914-2.283 6.197-6.36 6.197-10.762V49.325c0-4.403-2.283-8.48-6.197-10.762m-35.546 60.494c1.141.163 1.957 1.142 2.12 2.12l1.63 15.001c0 .653-.163 1.468-.652 1.957c-.49.49-1.141.815-1.794.815H40.438c-.652 0-1.304-.326-1.793-.815c-.49-.49-.653-1.304-.653-1.957l1.63-15c.164-1.142.98-1.958 2.12-2.12L61.8 96.121V76.555l-20.056-3.098c-1.142-.163-1.957-1.141-2.12-2.12l-1.63-15c0-.653.162-1.468.652-1.957c.489-.49 1.141-.816 1.793-.816h71.582c.653 0 1.305.326 1.794.816s.652 1.304.652 1.956l-1.63 15.002c-.163 1.141-.979 1.956-2.12 2.12L90.66 76.391V95.96z"/><path fill="#2e343c" d="M376.01 55.684c-23.154 0-41.906 18.1-41.906 40.438c0 22.34 18.752 40.439 41.906 40.439s41.906-18.1 41.906-40.439c0-22.176-18.752-40.438-41.906-40.438m21.035 40.601c0 12.23-9.458 22.176-21.035 22.176s-21.034-9.946-21.034-22.176s9.457-22.175 21.034-22.175s21.035 9.783 21.035 22.175M261.544 38.074H242.14c-.652 0-1.141.49-1.141 1.141v95.552c0 .652.489 1.141 1.141 1.141h19.404c.652 0 1.141-.489 1.141-1.141V39.052c0-.489-.489-.978-1.141-.978m66.69 17.61c-6.196.163-11.577 1.468-16.305 4.24c-3.588 2.12-6.523 4.891-8.968 8.479V57.478c0-.653-.49-1.142-1.142-1.142h-18.751c-.653 0-1.142.49-1.142 1.142v77.289c0 .652.49 1.141 1.142 1.141h18.751c.652 0 1.142-.489 1.142-1.141v-37.34c0-6.686 2.282-12.23 6.848-16.143c4.076-3.587 9.457-5.38 15.98-5.38h2.282c.326 0 .49-.164.816-.327c.163-.163.326-.49.326-.815v-18.1c0-.326-.163-.652-.326-.815c0-.163-.326-.163-.653-.163M502.87 64c-5.218-5.544-12.556-8.316-21.687-8.316c-12.066.163-20.871 4.403-26.578 12.392V57.478c0-.653-.49-1.142-1.142-1.142h-18.751c-.652 0-1.142.49-1.142 1.142v77.289c0 .652.49 1.141 1.142 1.141h18.751c.653 0 1.142-.489 1.142-1.141V96.775c0-6.197 1.793-11.251 5.218-15.165s7.99-5.87 14.023-6.033c4.891 0 8.968 1.468 11.74 4.403c2.935 2.935 4.24 7.011 4.24 12.066v42.72c0 .653.488 1.142 1.14 1.142h18.915c.652 0 1.142-.489 1.142-1.141V86.502c-.163-9.457-2.772-16.958-8.153-22.502"/></svg>
How to use the Iron icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:iron" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:iron" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:iron" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--iron]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:iron"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:iron"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/iron.svg" alt="Iron icon" width="24" height="24">
Related icons in SVG Logos
Iron icon in other icon sets
Iron icon FAQ
Is the Iron 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 Iron icon in React?
Install @iconify/react and render <Icon icon="logos:iron" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Iron icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/iron.svg" alt="Iron icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
