Иконка Webgpu
logos:webgpu
Иконка Webgpu (logos:webgpu) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 209. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 209
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="209" viewBox="0 0 256 209"><path fill="#0086e8" d="M238.574 37.527a.18.18 0 0 1 .156.27L217 75.326a.18.18 0 0 1-.311 0l-21.667-37.528a.18.18 0 0 1 .156-.27z"/><path fill="#0093ff" d="m217.001.09l21.729 37.528a.18.18 0 0 1-.156.27h-43.395a.18.18 0 0 1-.156-.27L216.69.09a.18.18 0 0 1 .311 0"/><path fill="#0076cc" d="M216.85 75.054a.18.18 0 0 1 .155.27l-43.334 75.056a.18.18 0 0 1-.312 0l-43.333-75.056a.18.18 0 0 1 .156-.27z"/><path fill="#0066b0" d="m173.671.09l43.334 75.055a.18.18 0 0 1-.156.27h-86.667a.18.18 0 0 1-.156-.27L173.359.09a.18.18 0 0 1 .312 0"/><path fill="#005a9c" d="M173.512 0a.18.18 0 0 1 .156.27L87.004 150.38a.18.18 0 0 1-.312 0L.024.27A.18.18 0 0 1 .18 0z"/><path d="m51.976 165.937l-9.251 35.617l-9.675-35.617h-6.17l-10.158 35.738l-9.192-35.738H1.665l11.791 42.208l6.108-.06l10.159-33.924l9.796 33.924h6.168l12.215-42.148zm42.208 24.31a16.7 16.7 0 0 0-1.965-8.134a14.25 14.25 0 0 0-5.594-5.653a16.64 16.64 0 0 0-8.345-2.056a17.2 17.2 0 0 0-8.556 2.088a14.43 14.43 0 0 0-5.775 5.956q-2.056 3.87-2.056 9.01t2.116 9.04a15 15 0 0 0 5.836 6.017a16.74 16.74 0 0 0 8.435 2.117q5.925 0 9.917-2.993a14.25 14.25 0 0 0 5.322-7.77h-5.926a8.8 8.8 0 0 1-3.356 4.444q-2.39 1.664-5.957 1.662a10.67 10.67 0 0 1-7.408-2.75q-3.053-2.752-3.356-7.65h26.487a33 33 0 0 0 .18-3.326zm-5.684-1.15H67.577q.422-4.714 3.356-7.377a10.2 10.2 0 0 1 7.106-2.66c1.831-.024 3.643.38 5.291 1.179a9.05 9.05 0 0 1 3.78 3.446a10.15 10.15 0 0 1 1.39 5.413m18.443-7.981v-17.779h-5.503v44.748h5.503v-6.107a12.74 12.74 0 0 0 4.868 4.776a14.74 14.74 0 0 0 7.528 1.875a15.08 15.08 0 0 0 13.667-8.284a19 19 0 0 0 2.055-8.95q0-5.08-2.055-8.92a15 15 0 0 0-5.625-5.956a15.47 15.47 0 0 0-8.043-2.116a14.7 14.7 0 0 0-7.437 1.875a13 13 0 0 0-4.959 4.837m22.495 10.28a13.8 13.8 0 0 1-1.512 6.621a10.63 10.63 0 0 1-4.082 4.294a11.1 11.1 0 0 1-5.654 1.48a11 11 0 0 1-5.593-1.48a10.83 10.83 0 0 1-4.112-4.294a14.6 14.6 0 0 1 0-13.062a10.84 10.84 0 0 1 4.112-4.293a11 11 0 0 1 5.593-1.481a11.3 11.3 0 0 1 5.654 1.45a10.5 10.5 0 0 1 4.082 4.234a13.5 13.5 0 0 1 1.512 6.53m51.4-13.244a19.03 19.03 0 0 0-7.53-9.373q-5.17-3.326-11.881-3.326a21.3 21.3 0 0 0-10.704 2.751a20.15 20.15 0 0 0-7.65 7.68a23.24 23.24 0 0 0 0 22.162a20.2 20.2 0 0 0 7.65 7.65a21.26 21.26 0 0 0 10.704 2.751a20.5 20.5 0 0 0 10.098-2.51a20.2 20.2 0 0 0 7.317-6.833a20.9 20.9 0 0 0 3.265-9.524v-4.232H159.43v4.475h16.81q-.666 6.291-4.655 9.977t-10.159 3.69a15.7 15.7 0 0 1-7.952-2.026a14.35 14.35 0 0 1-5.563-5.776q-2.026-3.748-2.026-8.707t2.026-8.738a14.3 14.3 0 0 1 5.563-5.805a15.7 15.7 0 0 1 7.952-2.026c2.718-.06 5.399.642 7.74 2.026a13.1 13.1 0 0 1 5.079 5.714zm36.705.12q0-5.441-3.72-8.889q-3.717-3.446-10.853-3.446h-13.607v42.148h5.502v-17.597h8.104q7.376 0 10.975-3.477t3.6-8.738zm-14.573 7.68h-8.103v-15.479h8.103q8.947 0 8.949 7.801q0 3.69-2.177 5.684t-6.772 1.996zm21.285-20.015v26.607q0 5.261 2.087 8.86a13.1 13.1 0 0 0 5.684 5.35a19.46 19.46 0 0 0 16.146 0a13.3 13.3 0 0 0 5.715-5.35q2.113-3.598 2.113-8.86v-26.607h-5.501v26.668q0 5.623-2.752 8.344q-2.752 2.722-7.59 2.722q-4.896 0-7.649-2.722q-2.75-2.72-2.75-8.344v-26.668z"/></svg>Как использовать иконку Webgpu
React
import { Icon } from "@iconify/react";
<Icon icon="logos:webgpu" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:webgpu" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:webgpu" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webgpu]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webgpu"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:webgpu"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/webgpu.svg" alt="Иконка Webgpu" width="24" height="24">Иконка Webgpu в других наборах
Вопросы и ответы: Иконка Webgpu
Можно ли бесплатно использовать иконку Webgpu в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Webgpu в React?
Установите @iconify/react и выведите <Icon icon="logos:webgpu" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Webgpu на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/webgpu.svg" alt="Иконка Webgpu">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.