Solidarity icon
file-icons:solidarity
The Solidarity icon (file-icons:solidarity) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 346 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 346 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="346" height="512" viewBox="0 0 346 512"><path fill="currentColor" d="M.797 154.57C2.234 144.814 19.743 8.06 169.747.237c79.862-4.165 135.092 47.103 159.142 95.51c16.317 32.842 15.339 73.501 15.339 73.501c2.212 49.241-71.391 73.638-91.712 10.167c-7.088-26.495 1.059-68.851-75.663-84.219c-19.956-3.997-68.926 20.677-73.68 50.387L314.12 296.969c35.252 21.857 33.567 47.099 28.165 78.435c-6.5 37.704-62.009 147.834-188.133 135.662C28.028 498.893-4.35 378.286 1.416 336.903c20.847-68.611 99.488-36.913 95.118 7.805c.678 85.103 122.166 100.438 149.225 24.007L26.607 210.863C-3.43 192.874-.64 164.323.797 154.569"/></svg>How to use the Solidarity icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:solidarity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:solidarity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:solidarity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--solidarity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:solidarity"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:solidarity"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/solidarity.svg" alt="Solidarity icon" width="24" height="24">Solidarity icon FAQ
Is the Solidarity icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Solidarity icon in React?
Install @iconify/react and render <Icon icon="file-icons:solidarity" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Solidarity icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/solidarity.svg" alt="Solidarity icon">, or paste the SVG code inline to style it with CSS.