Иконка Solid

logos:solid

Иконка Solid (logos:solid) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 230. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 230

Скачать SVG

Код SVG

<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>

Как использовать иконку Solid

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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:solid"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/solid.svg" alt="Иконка Solid" width="24" height="24">

Иконка Solid в других наборах

Вопросы и ответы: Иконка Solid

Можно ли бесплатно использовать иконку Solid в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Solid в React?

Установите @iconify/react и выведите <Icon icon="logos:solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Solid на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/solid.svg" alt="Иконка Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →