Ícone Triquetra

game-icons:triquetra

O ícone Triquetra (game-icons:triquetra) é 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="M256 74.06c32.76 39.37 52.457 90.004 52.457 145.29c0 21.33-2.937 41.966-8.42 61.534c-28.84-5.284-58.69-5.445-88.098-.09c-5.467-19.54-8.397-40.147-8.397-61.445c0-55.286 19.698-105.92 52.457-145.29zm-.582 220.687c13.13-.026 26.197 1.1 39.057 3.313c-9.017 24.453-22.117 46.918-38.475 66.578c-16.365-19.668-29.47-42.144-38.486-66.61c12.6-2.17 25.28-3.256 37.904-3.28zM199.8 301.82c10.063 28.133 25.12 53.896 44.108 76.224c-41.252 42.28-98.866 68.52-162.68 68.52a229.3 229.3 0 0 1-38.437-3.243c17.722-48.045 51.722-90.41 99.595-118.05c18.446-10.65 37.758-18.414 57.416-23.45zm112.39.025c57.208 14.6 108.705 51.362 140.595 106.593a229.3 229.3 0 0 1 16.4 34.887a229 229 0 0 1-38.414 3.24c-63.812 0-121.426-26.242-162.678-68.52c18.98-22.322 34.037-48.076 44.1-76.2zm180.22 154.888l-5.44-17.162a246.3 246.3 0 0 0-18.597-40.132c-34.176-59.19-89.39-98.733-150.77-114.67c5.76-20.833 8.854-42.767 8.854-65.42c0-60.5-21.98-115.908-58.365-158.695L256 47.435l-12.092 13.218c-36.386 42.787-58.365 98.195-58.365 158.696c0 22.616 3.085 44.517 8.83 65.32c-20.89 5.424-41.4 13.704-60.988 25.013c-52.404 30.254-89.403 77-108.264 129.91l-5.425 17.17l17.498 3.843a246 246 0 0 0 44.036 3.96c68.387 0 130.27-28.075 174.77-73.303c44.5 45.228 106.383 73.302 174.77 73.302c15.04 0 29.76-1.364 44.056-3.963z"/></svg>

Como usar o ícone Triquetra

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

Perguntas frequentes sobre Ícone Triquetra

O ícone Triquetra é 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 Triquetra no React?

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

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

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

Ver todos os Game Icons →