Icono Composer
file-icons:composer
El icono Composer (file-icons:composer) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 396 × 512. File Icons se publican bajo la licencia ISC, 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
- File Icons
- Autor
- John Gardner
- Licencia
- ISC
- Tamaño
- 396 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="396" height="512" viewBox="0 0 396 512"><path fill="currentColor" d="M352.496 394.763c-1.589-2.542 2.065-20.64 5.403-27.138c1.906-3.813 4.45-12.694 5.562-19.687c4.608-27.614 10.31-49.985 16.667-65.221c13.49-31.905 14.76-36.654 12.694-45.554c-1.112-4.29-1.588-9.834-.952-12.535c.476-2.543.158-6.515-.636-8.722c-1.112-3.02-1.112-4.926.158-6.356c1.43-1.908.478-3.974-4.926-10.312c-3.654-4.29-6.514-8.086-6.197-8.245c.318-.318 3.179-1.589 6.197-2.86l5.562-2.543l1.59-21.735c.953-11.9 1.43-21.594 1.43-21.594c-.16 0-7.133 2.066-15.715 4.768c-8.563 2.542-16.349 4.767-17.462 4.767c-2.224 0-4.29-4.131-11.105-23.165c-4.45-12.059-5.244-15.872-4.45-23.8c.954-10.947-2.86-36.178-7.609-50.303c-6.357-19.05-20.032-49.915-26.548-52.776c-5.561-2.7-9.516-2.066-11.582 1.59c-2.066 3.972-1.907 4.45 5.561 21.735l5.72 13.33l-9.833-7.787C279.972 13.476 258.696 1.893 246.637.463c-7.627-.952-7.928-.794-9.676 3.974c-1.112 2.7-3.178 5.243-4.766 5.561c-2.066.636-2.86 2.384-2.86 6.815c0 5.562 1.27 7.15 16.349 21.576c8.88 8.404 15.554 15.396 14.92 15.555c-.636 0-6.834-3.655-13.49-8.245c-9.993-6.674-13.49-8.246-19.21-8.405c-13.33 0-13.013 9.199.635 18.892c4.768 3.496 14.284 11.9 20.958 18.892l12.377 12.695l-11.105 1.908c-17.462 3.178-24.437 5.402-26.185 8.88c-3.336 6.198-1.27 7.928 17.145 13.967c9.834 3.336 19.368 7.45 21.417 9.199c6.356 5.88 14.488 10.559 23.052 13.42c5.561 1.748 9.039 3.972 10.151 6.356c.954 2.066 3.338 4.45 5.403 5.402c2.543 1.112 4.45 4.132 6.356 10.47c1.43 4.926 2.225 9.358 1.748 9.835c-.476.318-6.991 2.702-14.442 4.926l-13.649 4.29l11.583 20.623c10.629 19.21 11.74 20.64 15.873 20.163c5.243-.477 5.243-.477.795 6.992l-3.496 5.88l3.654 6.673c2.384 4.61 3.178 8.087 2.542 10.312c-.952 3.019-1.588 2.542-4.766-4.291c-4.132-8.881-15.396-23.642-22.211-29.362c-11.742-9.516-16.668-11.424-31.905-11.582l-14.284-.318l-7.451-7.151c-3.973-3.973-11.423-9.2-16.509-11.741c-8.722-4.29-10.31-4.608-29.045-4.608h-19.844l-15.079 7.927c-19.37 9.994-39.356 29.68-51.892 50.78c-4.608 7.768-8.404 13.33-8.404 12.535c-.159-.794-.795-4.449-1.43-8.087c-1.27-6.497-1.27-6.655 3.495-7.15c4.61-.476 4.926-.954 8.247-14.76c1.906-7.929 3.972-15.873 4.608-17.621c.953-3.178 0-3.656-13.33-6.992c-10.79-2.702-14.285-4.132-14.285-6.198c0-4.925 4.608-19.528 6.815-22.211c1.272-1.43 2.702-3.973 3.02-5.721c.317-1.748 3.655-4.926 7.768-7.15c11.107-6.04 11.741-6.815 23.324-29.204c8.404-16.35 13.012-23.324 22.053-33.016c6.356-6.817 11.582-13.013 11.582-13.649c0-2.702-6.515-9.834-8.88-9.834l62.38-44.209l-6.993-8.264s-89.023 61.97-89.5 61.97s-2.383-4.766-4.29-10.468l-3.337-10.311L113.52 46.07c11.582-10.947 14.125-15.237 11.106-18.893c-1.431-1.748-4.291-.952-16.35 4.926c-8.087 3.974-20.48 8.882-27.773 11.265c-12.219 3.814-13.33 3.814-16.032 1.431c-6.674-6.04-10.947-2.384-27.456 23.164c-3.336 5.086-6.515 9.199-7.132 9.199c-.795 0-4.768-6.197-9.04-13.965c-4.291-7.61-9.2-15.397-10.948-17.463c-4.29-4.608-8.403-4.45-9.675.318c-1.59 6.356 5.562 35.401 16.985 70.466c3.655 10.946 3.814 11.582 1.112 13.012c-2.542 1.272-2.7 2.226-1.112 6.357c1.272 3.496 2.543 4.449 4.61 3.814c2.382-.636 3.812 1.112 7.45 9.357c4.608 10.153 4.608 10.311 2.065 19.528c-1.43 5.244-2.542 9.517-2.7 9.675c0 .16-3.974-.635-8.723-1.906c-14.443-3.814-13.49-4.926-15.555 18.574c-1.112 11.583-1.907 22.212-1.907 23.642c0 1.906 2.065 3.02 7.292 3.814l7.291.953l-1.112 9.517c-.952 7.61-.636 10.151 1.43 12.377c2.702 2.86 3.496 20.163 3.974 82.207l.158 22.37l6.04 1.907c7.467 2.542 11.422 5.879 11.422 10.152c0 2.066 2.542 5.085 6.815 8.086c3.656 2.544 17.62 12.695 30.793 22.53C91 403.155 96.8 407.557 98.732 410.22c31.405 21.957 98.442 60.675 98.442 60.675l-2.7 5.879c-4.291 8.722-11.424 33.494-10.312 35.225l68.842-42.605z"/></svg>Cómo usar el icono Composer
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:composer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:composer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:composer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--composer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:composer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:composer"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/composer.svg" alt="Icono Composer" width="24" height="24">El icono Composer en otras colecciones
Preguntas frecuentes sobre Icono Composer
¿El icono Composer es gratis para uso comercial?
Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Composer en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:composer" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Composer a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/composer.svg" alt="Icono Composer">, o pega el código SVG en línea para darle estilo con CSS.