Иконка Solidjs
logos:solidjs
Иконка Solidjs (logos:solidjs) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 179. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 179
- Теги
- solidj
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="179" viewBox="0 0 512 179"><defs><linearGradient id="SVGsoTyQE6B" x1="27.5" x2="152" y1="3" y2="63.5" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="SVGh3e8Cbrj" x1="95.8" x2="74" y1="32.6" y2="105.2" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="SVGXiufcbHQ" x1="18.4" x2="144.3" y1="64.2" y2="149.8" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="SVGpbmQtbty" x1="75.2" x2="24.4" y1="74.5" y2="260.8" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient></defs><path fill="#58595b" d="M249.363 100.363a13.12 13.12 0 0 0 8.853 3.716c3.716 0 6.776-2.185 6.776-5.901c0-8.525-16.94-6.449-16.94-16.94c0-4.92 4.371-9.072 10.601-9.072c3.33-.1 6.574 1.073 9.072 3.279l-1.64 2.841a11.35 11.35 0 0 0-7.432-2.95c-4.372 0-7.104 2.84-7.213 5.792c0 8.088 16.94 5.792 16.94 16.94c0 5.028-3.934 9.18-10.273 9.18a14.6 14.6 0 0 1-10.711-4.37zm53.663-27.979a17.19 17.19 0 0 1 17.268 17.378a17.487 17.487 0 0 1-17.268 17.705h-.11a17.487 17.487 0 0 1-17.267-17.705v-.11a17.19 17.19 0 0 1 17.377-17.268m-.11 32.023c7.844-.179 14.058-6.681 13.881-14.525v-.12c0-8.088-6.12-14.317-13.77-14.317a13.9 13.9 0 0 0-13.881 14.208c0 8.306 6.12 14.645 13.77 14.754m37.051-31.367h3.279l-.11 30.93h15.739v2.951h-19.126zm37.05.11h3.28l-.11 33.99h-3.279zm25.357 0h10.929c10.164 0 17.05 6.23 17.05 17.05s-6.886 16.94-17.05 16.94h-10.93zm10.492 31.039c8.306 0 13.88-4.919 13.99-13.99c.108-9.071-5.575-13.99-13.881-13.99h-7.323l-.109 27.98zm45.753 2.947l.336.004a11.22 11.22 0 0 0 7.716-2.755a9.84 9.84 0 0 0 3.125-7.76v-23.07h-6.83v22.569a4.6 4.6 0 0 1-1.093 3.279a3.95 3.95 0 0 1-2.786 1.175l-.242-.006q-3.213 0-4.688-3.77l-5.771 3.224q2.775 6.95 10.233 7.11m40.809.084l.468-.004c3.792 0 6.765-.94 8.896-2.83a9.43 9.43 0 0 0 3.202-7.422a7.75 7.75 0 0 0-2.732-6.197c-1.836-1.573-4.776-2.929-8.82-4.087a12.9 12.9 0 0 1-4.11-1.716a2.81 2.81 0 0 1-1.201-2.35a2.95 2.95 0 0 1 1.202-2.459a5.03 5.03 0 0 1 3.18-.929a6.2 6.2 0 0 1 6.24 4.066l5.651-3.093a11.06 11.06 0 0 0-4.448-5.3a13.4 13.4 0 0 0-7.148-1.859a12.14 12.14 0 0 0-7.842 2.598l-.3.244a8.86 8.86 0 0 0-3.379 6.85l.002.308a8.2 8.2 0 0 0 2.312 5.91l.223.222q2.284 2.295 8.055 4.033a18 18 0 0 1 4.94 1.989a2.55 2.55 0 0 1 1.3 2.284a3 3 0 0 1-1.409 2.525a6.16 6.16 0 0 1-3.607.994a7.65 7.65 0 0 1-7.213-4.623l-5.902 3.05a11.86 11.86 0 0 0 4.907 5.716a15 15 0 0 0 7.533 2.08"/><path fill="#76b3e1" d="M192.1 37.874S128.067-9.244 78.531 1.629l-3.624 1.208c-7.249 2.417-13.29 6.041-16.915 10.874l-2.416 3.624l-18.123 31.413l31.413 6.041c13.29 8.457 30.204 12.082 45.911 8.457l55.576 10.874z"/><path fill="url(#SVGsoTyQE6B)" d="M192.1 37.874S128.067-9.244 78.531 1.629l-3.624 1.208c-7.249 2.417-13.29 6.041-16.915 10.874l-2.416 3.624l-18.123 31.413l31.413 6.041c13.29 8.457 30.204 12.082 45.911 8.457l55.576 10.874z" opacity=".3"/><path fill="#518ac8" d="m57.992 37.874l-4.832 1.209c-20.539 6.04-26.58 25.371-15.707 42.286c12.082 15.706 37.454 24.163 57.993 18.122l74.907-25.371S106.319 27.001 57.992 37.874"/><path fill="url(#SVGh3e8Cbrj)" d="m57.992 37.874l-4.832 1.209c-20.539 6.04-26.58 25.371-15.707 42.286c12.082 15.706 37.454 24.163 57.993 18.122l74.907-25.371S106.319 27.001 57.992 37.874" opacity=".3"/><path fill="url(#SVGXiufcbHQ)" d="M157.063 92.242C143.226 74.956 120.288 67.788 99.07 74.12L24.164 98.283L0 140.569l135.316 22.956l24.163-43.495c4.833-8.457 3.625-18.122-2.416-27.788"/><path fill="url(#SVGpbmQtbty)" d="M132.899 134.528c-13.837-17.286-36.774-24.454-57.992-18.122L0 140.569s64.033 48.327 113.569 36.246l3.624-1.209c20.539-6.04 27.788-25.371 15.706-41.078"/></svg>Как использовать иконку Solidjs
React
import { Icon } from "@iconify/react";
<Icon icon="logos:solidjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:solidjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:solidjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--solidjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:solidjs"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:solidjs"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/solidjs.svg" alt="Иконка Solidjs" width="24" height="24">Похожие иконки в наборе SVG Logos
Иконка Solidjs в других наборах
Вопросы и ответы: Иконка Solidjs
Можно ли бесплатно использовать иконку Solidjs в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Solidjs в React?
Установите @iconify/react и выведите <Icon icon="logos:solidjs" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Solidjs на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/solidjs.svg" alt="Иконка Solidjs">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.