Ícone Quickstack
selfhst:quickstack
O ícone Quickstack (selfhst:quickstack) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.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
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#25c2a0" d="M383.6 84.4c-.2-.4-.4-.9-.7-1.3c-.1-.2-.2-.3-.3-.5c-5.3-8.9-12.7-16.6-21.8-22.1L288.4 17c-20-12-44.8-12-64.7 0l-72.5 43.5c-8.9 5.3-16.1 12.6-21.4 21.2c-.3.4-.6.8-.8 1.3c-.3.6-.6 1.2-.9 1.7c-4.8 8.9-7.4 19.1-7.4 29.5v105.5c0 5.1 2.6 9.8 7 12.4l120.8 72.5c.1.1.2.1.3.1c.2.1.4.2.5.3c.3.2.6.3.9.4c.2.1.3.1.5.2c.3.1.5.2.8.3c.2.1.3.1.5.1c.3.1.7.2 1 .3c.1 0 .2 0 .3.1c.4.1.8.1 1.1.2h.4c.4 0 .9.1 1.3.1s.9 0 1.3-.1h.3c2-.2 4-.9 5.9-1.9l120.8-72.5c4.3-2.6 7-7.3 7-12.4V114.2c-.1-10.5-2.9-20.8-7.8-29.8M238.7 41.8c10.7-6.5 24.1-6.5 34.8 0l72.4 43.5c.8.5 1.6 1.1 2.4 1.6l-92.2 55.5l-92.3-55.5c.8-.6 1.6-1.1 2.4-1.6zm-88.9 169.7v-97.3c0-.6 0-1.2.1-1.8l91.6 55.1v99.1zm212.5 0l-91.8 55.1v-99.1l91.7-55.1c0 .6.1 1.2.1 1.8z"/><path fill="#444950" d="M504.4 289.6c-.2-.4-.4-.9-.7-1.3c-.1-.2-.2-.3-.3-.4c-5.3-9-12.7-16.7-21.8-22.2l-97.3-58.4c-4.6-2.8-10.3-2.8-14.9 0L256 275.4l-113.3-68c-4.6-2.8-10.3-2.8-14.9 0l-97.3 58.4c-8.9 5.3-16.1 12.6-21.4 21.2c-.3.4-.6.8-.8 1.3c-.3.6-.6 1.2-.9 1.7c-4.8 9-7.4 19.1-7.4 29.5v78.3c0 21.8 11.7 42.4 30.6 53.6l72.4 43.5c9.3 5.6 19.8 8.6 30.3 9c.6.1 1.2.1 1.9.1c.6 0 1.2-.1 1.8-.1c10.5-.3 21.1-3.3 30.6-9l88.5-53l88.4 53c9.4 5.7 19.9 8.7 30.5 9c.6.1 1.2.1 1.8.1s1.2-.1 1.8-.1c10.5-.3 21-3.3 30.5-9l72.5-43.5c18.8-11.2 30.5-31.8 30.5-53.7v-78.3c0-10.5-2.8-20.8-7.7-29.8m-127.7-53l89.9 54c.9.5 1.7 1.1 2.5 1.7l-92.2 55.4l-92.6-55.6zm-241.5 0l92.7 55.6l-92.6 55.5l-92.4-55.5c.8-.6 1.6-1.1 2.5-1.7zm-89.8 190C35.3 420.5 29 409.4 29 397.7v-78.2c0-.6 0-1.2.1-1.8l91.6 55.1v98.9c-1-.5-2-1-2.9-1.5zm107.2 43.5c-.9.6-1.9 1.1-2.9 1.6V373l91.8-55.1v98.9zm117.9-53.3v-99.1l91.8 55.1v98.9c-1-.5-2-1-3-1.6zM483 397.7c0 11.8-6.3 22.8-16.4 28.9l-72.5 43.5c-.9.6-1.9 1-2.8 1.5v-98.8l91.6-55.1c0 .6.1 1.2.1 1.8z"/></svg>Como usar o ícone Quickstack
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:quickstack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:quickstack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:quickstack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--quickstack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:quickstack"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:quickstack"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/quickstack.svg" alt="Ícone Quickstack" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Quickstack
O ícone Quickstack é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Quickstack no React?
Instale @iconify/react e renderize <Icon icon="selfhst:quickstack" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Quickstack a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/quickstack.svg" alt="Ícone Quickstack">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.