Solid icon
logos:solid
The Solid icon (logos:solid) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 230 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 × 230
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="230" viewBox="0 0 256 230"><path fill="#fff" d="m54.335 215.771l-50.808-88.12a26.44 26.44 0 0 1 0-26.383l50.808-88.054A26.41 26.41 0 0 1 77.192 0h101.55c9.427 0 18.178 5.029 22.858 13.214l50.83 88.098a26.44 26.44 0 0 1 0 26.383l-50.808 88.12a26.41 26.41 0 0 1-22.857 13.214H77.257a26.64 26.64 0 0 1-22.922-13.258"/><path fill="#7c4dff" d="m58.667 209.785l-47.783-82.873a24.78 24.78 0 0 1 0-24.817L58.667 19.2A24.88 24.88 0 0 1 80.196 6.77h95.565c8.86 0 17.088 4.724 21.529 12.43l47.826 82.852a24.78 24.78 0 0 1 0 24.816l-47.804 82.939a24.88 24.88 0 0 1-21.53 12.43H80.24a24.92 24.92 0 0 1-21.572-12.452"/><path fill="#f7f7f7" d="M71.572 95.174a11.7 11.7 0 0 1-3.501-8.426c0-17.175 13.91-31.085 31.085-31.064h59.037c12.256 0 22.204 9.949 22.204 22.204v18.439c0 1.219-.98 2.22-2.22 2.22h-42.742l40.609 40.62q.096.097.19.196a10.72 10.72 0 0 1 4.163 8.49c0 17.742-14.41 32.152-32.152 32.152H89.49c-11.82 0-21.442-9.6-21.42-21.464v-19.287c0-1.153.914-2.133 2.133-2.133h43.233L72.424 96.11a13 13 0 0 1-.852-.935"/><path fill="#444" d="m146.961 170.688l-43.081-33.567h9.535zM101.507 64.61l33.938 33.937h11.516z" opacity=".3"/></svg>
How to use the Solid icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:solid"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:solid"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/solid.svg" alt="Solid icon" width="24" height="24">
Related icons in SVG Logos
Solid icon in other icon sets
Solid icon FAQ
Is the Solid 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 Solid icon in React?
Install @iconify/react and render <Icon icon="logos:solid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Solid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/solid.svg" alt="Solid icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
