Icono Styledcomponents
devicon-plain:styledcomponents
El icono Styledcomponents (devicon-plain:styledcomponents) es un icono SVG gratuito de la colección Devicon Plain de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon Plain icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Devicon Plain
- Autor
- konpa
- Licencia
- MIT
- Tamaño
- 128 × 128
- Etiquetas
- styledcomponent
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M128 .618v23.899c-7.962 3.175-28.11-4.764-25.764-12.254L105.881.618zm-17.816 23.87l-7.61 32.613c1.448 1.783 4.003 2.389 6.2 1.507l9.562-31.47c-2.714-.545-5.462-1.467-8.028-2.596l-.124-.055zm-9.347 34.198c-6.529 6.815-2.201 16.732-11.873 22.335c11.901 2.461 19.813-11.76 20.136-20.034c-2.953.942-6.241.098-8.263-2.301m-8.8 16.2c-8.653 5.009-20.72 15.642-21.802 17.659c-1.609 2.993 2.508 14.458 9.034 11.528c6.844-3.234 18.365-12.714 21.118-23.185c-3.354 2.206-7.411 3.363-11.9 2.434l-6.035-1.244l5.332-3.091c2.11-1.223 3.387-2.57 4.253-4.102zM96.497 93a49 49 0 0 1-3.473 3.858c-4.272 4.275-8.986 7.563-12.75 9.342l-.022.009l-.019.009c-2.238 1.005-4.679.773-6.494-.235c-1.815-1.007-3.11-2.59-4.079-4.285a16.7 16.7 0 0 1-1.924-5.259l-.028-.16l-38.281 31.103h45.217c11.33-10.955 25.363-23.85 21.853-34.382M58.732 68.07c5.214-5.714 28.257-25.773 32.513-21.45c3.87 3.931 1.747 12.597-7.48 22.779c-7.309 8.061-16.518 13.488-21.305 9.695c-3.975-3.144-6.768-7.69-3.728-11.024m28.317 1.138a67 67 0 0 1-1.543 1.769c-3.808 4.2-8.09 7.74-12.295 9.824c-2.103 1.042-4.2 1.732-6.288 1.86c-2.086.128-4.222-.379-5.92-1.722c-2.21-1.748-4.159-3.869-5.209-6.375a8.3 8.3 0 0 1-.633-2.834L0 117.37v10.012h25.697l41.846-33.997a5.5 5.5 0 0 1 .62-1.952c.362-.674.722-1.055 1.226-1.607s1.13-1.179 1.865-1.883c1.471-1.41 3.383-3.113 5.535-4.91c3.236-2.703 6.991-5.611 10.586-8.005a18 18 0 0 0-.326-5.82m-54.174-7.936c6.497-7.899 15.238-14.989 25.507-21.195c6.803-4.11 12.273 4.327 6.394 12.786c-6.09 8.023-14.38 14.927-21.136 19.663c-4.536 3.18-13.724-7.656-10.765-11.254m28.371-.666C55.964 66.169 50.061 70.9 44.992 74.453c-1.954 1.37-4.395 1.138-6.292.322s-3.572-2.179-4.997-3.757c-1.426-1.578-2.593-3.366-3.252-5.245c-.292-.831-.486-1.746-.496-2.664L0 87.272v27.043l55.923-46.269a7 7 0 0 1 1.07-1.561c1.005-1.101 2.546-2.623 4.41-4.345a12 12 0 0 0-.157-1.534"/></svg>Cómo usar el icono Styledcomponents
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:styledcomponents" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:styledcomponents" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:styledcomponents" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--styledcomponents]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:styledcomponents"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:styledcomponents"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/styledcomponents.svg" alt="Icono Styledcomponents" width="24" height="24">Iconos relacionados en Devicon Plain
El icono Styledcomponents en otras colecciones
Preguntas frecuentes sobre Icono Styledcomponents
¿El icono Styledcomponents es gratis para uso comercial?
Sí. Devicon Plain icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Styledcomponents en React?
Instala @iconify/react y renderiza <Icon icon="devicon-plain:styledcomponents" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Styledcomponents a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon-plain/styledcomponents.svg" alt="Icono Styledcomponents">, o pega el código SVG en línea para darle estilo con CSS.