Иконка Stdlib Icon
logos:stdlib-icon
Иконка Stdlib Icon (logos:stdlib-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 286. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 286
- Теги
- stdlibicon
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="286" viewBox="0 0 256 286"><defs><path id="SVGTp5BacZZ" fill="url(#SVGSY3Vodyg)" d="M92.754 0L49.112 25.096a45.05 45.05 0 0 0-14.068 12.925a21.35 21.35 0 0 0 0 24.902a45 45 0 0 0 14.068 12.754l28.953 16.716a27 27 0 0 1-3.835-3.404c-9.938-10.733-9.29-27.484 1.442-37.419C91.699 40.908 99.282 18.031 92.754 0"/><path id="SVGvYfsmdYM" fill="url(#SVGlYedjcxE)" d="m176.338 192.947l-21.113-12.192a19.023 19.023 0 0 1-.754 33.562L109.3 240.513a31.73 31.73 0 0 0-16.545 27.12v17.556l84.488-48.769a25.375 25.375 0 0 0-.904-43.385z"/><path id="SVGZIWHHd7Z" fill="#f0ad3e" d="M84.411 75.567a45 45 0 0 1-14.068-12.753a21.35 21.35 0 0 1 0-24.902A45 45 0 0 1 84.41 25.096L51.15 44.484a32.57 32.57 0 0 0-15.852 27.7a32.58 32.58 0 0 0 15.42 27.942l160.918 92.91a25.375 25.375 0 0 1 .904 43.384l27.615-15.942A31.7 31.7 0 0 0 256 193.024a31.7 31.7 0 0 0-15.844-27.455z"/><path id="SVGlLtnucPG" fill="#00aeef" d="M46.821 203.074a32.57 32.57 0 0 1-15.419-27.942a32.56 32.56 0 0 1 15.85-27.7l-31.387 18.052a31.686 31.686 0 0 0 0 54.909l27.617 15.939l84.571 48.772v-17.556a31.75 31.75 0 0 0-16.542-27.035l-45.237-26.086a19 19 0 0 1-1.853-1.079z"/><path id="SVG9m9HWD5w" fill="url(#SVGk6wnhcNA)" d="m166.095 84.787l40.566-23.415a31.71 31.71 0 0 0 15.842-27.455A31.7 31.7 0 0 0 206.66 6.462L195.631 0a24.98 24.98 0 0 1-7.994 28.326l-59.584 34.467l-80.8 46.68a32.57 32.57 0 0 0-15.852 27.7a32.56 32.56 0 0 0 15.42 27.941l17.665 10.192a19.02 19.02 0 0 1-8.631-16.356a19.01 19.01 0 0 1 9.34-15.957z"/><linearGradient id="SVGSY3Vodyg" x1="32.902%" x2="85.889%" y1="78.13%" y2="33.994%"><stop offset="0%" stop-color="#a4681d"/><stop offset="31%" stop-color="#e18f2f"/><stop offset="100%" stop-color="#f0ad3e"/></linearGradient><linearGradient id="SVGlYedjcxE" x1="-5.516%" x2="87.603%" y1="75.392%" y2="17.059%"><stop offset="0%" stop-color="#f0ad3e"/><stop offset="69%" stop-color="#e18f2f"/><stop offset="100%" stop-color="#a4681d"/></linearGradient><linearGradient id="SVGk6wnhcNA" x1="-.003%" x2="100.006%" y1="50.024%" y2="50.024%"><stop offset="0%" stop-color="#006991"/><stop offset="25%" stop-color="#008bbf"/><stop offset="62%" stop-color="#008bbf"/><stop offset="100%" stop-color="#00aeef"/></linearGradient></defs><use href="#SVGTp5BacZZ" transform="translate(35.299)"/><use href="#SVGvYfsmdYM" transform="translate(35.299)"/><use href="#SVGZIWHHd7Z"/><use href="#SVGTp5BacZZ" transform="translate(35.299)"/><use href="#SVGvYfsmdYM" transform="translate(35.299)"/><use href="#SVGZIWHHd7Z"/><use href="#SVGlLtnucPG"/><use href="#SVG9m9HWD5w" transform="translate(0 37.936)"/><use href="#SVGlLtnucPG"/><use href="#SVG9m9HWD5w" transform="translate(0 37.936)"/></svg>Как использовать иконку Stdlib Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stdlib-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stdlib-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stdlib-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stdlib-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stdlib-icon"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stdlib-icon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/stdlib-icon.svg" alt="Иконка Stdlib Icon" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Stdlib Icon
Можно ли бесплатно использовать иконку Stdlib Icon в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Stdlib Icon в React?
Установите @iconify/react и выведите <Icon icon="logos:stdlib-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Stdlib Icon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/stdlib-icon.svg" alt="Иконка Stdlib Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.