Ícone Composer

file-icons:composer

O ícone Composer (file-icons:composer) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 396 × 512. File Icons são publicados sob a licença ISC, 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: File Icons
Autor: John Gardner
Licença: ISC
Tamanho: 396 × 512

Baixar SVG

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>

Como usar o ícone 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/file-icons/composer.svg" alt="Ícone Composer" width="24" height="24">

O ícone Composer em outras coleções

Perguntas frequentes sobre Ícone Composer

O ícone Composer é grátis para uso comercial?

Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Composer no React?

Instale @iconify/react e renderize <Icon icon="file-icons:composer" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Composer a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/composer.svg" alt="Ícone Composer">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os File Icons →