Ícone Stylex Icon
logos:stylex-icon
O ícone Stylex Icon (logos:stylex-icon) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 305. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- SVG Logos
- Autor
- Gil Barbara
- Licença
- CC0-1.0
- Tamanho
- 256 × 305
- Tags
- stylexicon
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="305" viewBox="0 0 256 305"><path fill="#5bd3f3" d="M208.619 159.116c1.673 3.92 9.146 19.483 10.682 23.301c-9.347 15.494-11.54 19.515-31.077 44.075C108.71 308.824 47.363 322.128 9.77 283.665Q4.26 277.779 0 268.36q1.2 2.16 3.17 4.761l.475.618q.121.157.245.314l.507.637l.528.648l.549.66l.57.673l.592.685l.613.697l.635.709l.656.721l.336.366l.688.74l.352.374l.72.758l.367.383c46.438 42.04 92.76 5.973 155.653-63.715q14.239-16.56 41.963-59.273m24.286-133.01c29.43 25.296 29.43 64.548 7.353 120.609c-1.692-4.122-9.144-20.6-11.013-24.822c17.38-47.613 17.783-70.248-7.212-92.82c-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23l-1.298.238l-.653.124l-15.33 3.036v-.028l.339-.123c30.764-11.208 57.183-12.103 75.046 3.593"/><path fill="#d573de" d="M213.49 107.318c46.657 87.98 49.601 135.586 34.06 168.89c-5.598 12-19.56 20.294-25.566 23.52c-15.074 8.095-46.285 4.064-74.185-4.11l-4.182-1.781c14.02 4.509 44.488 10.4 60.914 5.89c53.946-14.808 47.528-78.939-6.693-179.655S84.293-8.273 37.53 10.717c-4.49 1.823-8.405 4.314-11.773 7.4l.36-.383l.723-.76l.362-.373l.727-.737c5.215-5.232 10.623-9.316 16.196-11.196C86.413-9.595 159.01 4.584 213.49 107.318"/></svg>Como usar o ícone Stylex Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylex-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylex-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylex-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylex-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylex-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylex-icon"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/logos/stylex-icon.svg" alt="Ícone Stylex Icon" width="24" height="24">Ícones relacionados em SVG Logos
Perguntas frequentes sobre Ícone Stylex Icon
O ícone Stylex Icon é grátis para uso comercial?
Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Stylex Icon no React?
Instale @iconify/react e renderize <Icon icon="logos:stylex-icon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Stylex Icon a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/stylex-icon.svg" alt="Ícone Stylex Icon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.