Ícone Accordion

game-icons:accordion

O ícone Accordion (game-icons:accordion) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Game Icons
Autor: GameIcons
Licença: CC-BY-3.0
Tamanho: 512 × 512

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M343.8 87.8L340.3 403c3.5-1 7.1-1 10.7-2l20.6-310.4c-9.1-.95-19.1-2.31-27.8-2.8m48.6 4.2l-20.5 309h9L419 95.9s-9.8-1.9-26.6-3.9m-101.1.3L306.4 412c4.1-1 8.4-3 13-4l3.5-313.7zm-110.9 7.6c-8.8 2-17.7 4.2-26.6 6.7l88.2 7.8L269.5 430s6.1-4 16.4-9l-14.8-315.7zm262.4 1.5l-42.5 300.1s17.8-6.6 30.1-11.2c7.3-2.8 12.6-9 14.1-16.7c8.5-42.4 36.6-183.7 47.1-236.4c2.4-11.3-4.4-22.5-15.5-25.9c-15-4.5-33.3-9.9-33.3-9.9m-325.6 24.5s-56.64 18.6-84.95 28c-8.87 2.9-14.03 12.1-11.86 21.2C32.62 226.5 70.73 386.6 83.5 440c1.12 5 4.06 9 8.17 11c4.11 3 9.03 4 13.63 2c14-3 31.1-7 31.1-7s26.6 6 47.4 10c15.7 4 32.1 2 46.4-6c8.4-4 16-8 16-8l-30.6-308.5zm-4.8 43.3l51.6 4.4L196.1 419l-45.2-8c18.1-23.2 20.6-74.6 13.1-124.4c-7.9-53.2-27.4-104.5-51.5-116.9zm-23.2.5c4.84.2 9.09 3.7 9.96 8.7L140.6 414c1 6-2.8 11-8.5 12c-5.6 1-11-2-12-8l-.2-1l-18.4 5l-3.36-16l18.86-5l-1.7-10.4l-19.27 5.2l-3.43-16.3l19.8-5.4l-6.3-35.4l-20.87 5.7l-3.44-16.3l21.51-5.9l-1.9-10.3l-21.75 6l-3.44-16.3l22.37-6.2l-1.86-10.5l-22.71 6.2l-3.44-16.3l23.26-6.4l-6.27-35.7l-24.42 6.7l-3.44-16.3l24.97-6.9l-2.13-12l-25.36 6.9l-3.43-16.3l25.89-7.1l-1-5.7c-1-5.7 2.79-11.1 8.46-12.1c.71-.1 1.41-.2 2.1-.2"/></svg>

Como usar o ícone Accordion

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:accordion" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:accordion" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:accordion" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--accordion]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:accordion"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:accordion"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/game-icons/accordion.svg" alt="Ícone Accordion" width="24" height="24">

O ícone Accordion em outras coleções

Perguntas frequentes sobre Ícone Accordion

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

Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Accordion no React?

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

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

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

Ver todos os Game Icons →