Stylex icon
logos:stylex
The Stylex icon (logos:stylex) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 346 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
- 512 × 346
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="346" viewBox="0 0 512 346"><path fill="#5bd3f3" d="M458.158 180.813c1.901 4.453 10.394 22.139 12.138 26.478c-10.62 17.607-13.112 22.175-35.314 50.085c-90.356 93.558-160.068 108.676-202.788 64.969q-6.26-6.69-11.101-17.393q1.364 2.455 3.602 5.411l.54.703l.278.356l.576.724l.6.736l.624.75l.648.765l.673.778l.697.793l.72.805l.746.82l.382.415l.781.84l.4.426l.818.861l.418.436c52.77 47.773 105.408 6.787 176.877-72.403q16.182-18.817 47.685-67.355m27.597-151.146c33.443 28.744 33.443 73.348 8.356 137.053c-1.922-4.684-10.39-23.409-12.514-28.206c19.75-54.105 20.207-79.827-8.196-105.478c-16.34-14.756-27.943-15.363-50.036-11.77l-1.446.241l-.727.125l-1.463.261l-1.475.272l-.742.14l-17.42 3.45v-.031l.385-.14c34.959-12.736 64.98-13.754 85.278 4.083"/><path fill="#d573de" d="M463.693 121.952c53.019 99.976 56.365 154.074 38.705 191.918c-6.362 13.637-22.227 23.062-29.052 26.727c-17.13 9.2-52.596 4.62-84.301-4.67l-4.753-2.023c15.932 5.123 50.554 11.817 69.22 6.693c61.303-16.827 54.01-89.702-7.605-204.153S316.879-9.4 263.739 12.178c-5.102 2.072-9.55 4.903-13.377 8.41l.41-.436l.82-.862l.412-.425l.825-.838c5.927-5.946 12.072-10.586 18.405-12.722c48.055-16.209 130.55-.095 192.46 116.647"/><path d="M0 227.235V202.88q9.568 6.711 19.571 10.872q10.002 4.164 16.837 4.163q7.082 0 12.177-3.479t5.094-8.325q0-4.97-3.292-8.263q-3.293-3.293-14.227-9.506q-21.87-12.177-28.642-20.814q-6.772-8.634-6.772-18.825q0-13.17 10.25-21.495q10.253-8.327 26.406-8.327q16.775 0 34.419 9.444v22.366q-20.13-12.177-32.928-12.177q-6.585 0-10.624 2.796q-4.038 2.796-4.038 7.394q0 3.976 3.666 7.579q3.665 3.604 12.86 8.698l8.077 4.597q28.58 16.155 28.579 35.787q0 14.04-10.997 23.05q-10.997 9.009-28.269 9.009q-10.19 0-18.14-2.174q-7.954-2.175-20.007-8.016zm79.525-87.975l42.497-41.75v23.608h36.159v20.379h-36.16v56.04q0 19.632 16.279 19.632q12.178 0 25.72-8.2v21.123q-13.046 7.332-28.454 7.332q-15.532 0-25.845-9.07q-3.232-2.736-5.344-6.152t-3.542-8.947q-1.428-5.529-1.429-21.061v-50.697h-19.88zm170.731-18.143h25.473l-80.892 172.596h-25.225l38.893-82.756l-44.236-89.84h25.721l30.816 64.491zm31.66-59.27h22.616v173.588h-22.615zM417.93 180.265h-80.395q.87 16.402 10.997 26.095q10.127 9.691 26.155 9.691q22.367 0 41.255-13.917v22.119q-10.438 6.957-20.69 9.94q-10.25 2.983-24.043 2.983q-18.887 0-30.568-7.829q-11.68-7.829-18.7-21.062q-7.022-13.233-7.022-30.63q0-26.093 14.787-42.434t38.396-16.34q22.74 0 36.283 15.905q13.545 15.905 13.545 42.62zm-79.899-13.544h57.532q-.87-13.545-8.077-20.875q-7.206-7.332-19.384-7.332q-12.177 0-19.943 7.332t-10.127 20.875z"/></svg>How to use the Stylex icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylex"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylex"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="Stylex icon" width="24" height="24">Related icons in SVG Logos
Stylex icon FAQ
Is the Stylex 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 Stylex icon in React?
Install @iconify/react and render <Icon icon="logos:stylex" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stylex icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="Stylex icon">, or paste the SVG code inline to style it with CSS.