Ícone Hister
selfhst:hister
O ícone Hister (selfhst:hister) é 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 d="M495.4 512H16.6C7.5 512 0 504.5 0 495.4V16.6C0 7.5 7.5 0 16.6 0h478.7c9.2 0 16.6 7.5 16.6 16.6v478.7c.1 9.2-7.4 16.7-16.5 16.7"/><path fill="#3497da" d="M480.4 31.7v167.2c-.8-.8-1.4-1.3-2-1.8c-7.2-7.2-14.6-14.2-21.5-21.6c-3.9-4.1-11.5-4.8-16.1-.1c-35.3 35.6-70.8 71-106.3 106.5c-.7.7-1.3 1.5-1.8 2.2c-35-35-69.6-69.7-105-105c.5-.3 1.5-.7 2.2-1.4c35.4-35.4 70.8-70.8 106.3-106.2c3.6-3.6 4.9-7.6 3.1-12.4c-.5-1.4-1.7-2.7-2.7-3.8c-7.1-7.2-14.3-14.4-21.5-21.6c-.6-.6-1.3-1-2-1.5c.1-.2.2-.3.3-.5z"/><path fill="#9a59b5" d="M284 332.8c-.8.7-1.9 1.4-2.8 2.3L175.5 440.8c-3.2 3.2-5.1 6.6-3.4 11.1c.6 1.6 1.7 3.2 3 4.4c7.2 7.4 14.6 14.6 21.9 21.9c.6.6 1.3 1 2 1.5c-.1.2-.2.3-.3.5H31.8V313.1c.7.7 1.3 1.2 1.9 1.7c7.2 7.2 14.5 14.2 21.5 21.6c5.4 5.7 11.5 4.6 16.2-.1c35.3-35.3 70.6-70.6 105.8-105.9c.8-.8 1.5-1.8 2-2.6c35 35.3 69.7 69.9 104.8 105"/><path fill="#1abb9b" d="M31.7 241V31.7H241C171.3 101.4 101.5 171.1 31.7 241"/><path fill="#f0c30f" d="M270.6 480.3c70-70 139.8-139.7 209.7-209.7v209.7z"/></svg>Como usar o ícone Hister
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:hister" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:hister" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:hister" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hister]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hister"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:hister"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/hister.svg" alt="Ícone Hister" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Hister
O ícone Hister é 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 Hister no React?
Instale @iconify/react e renderize <Icon icon="selfhst:hister" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hister a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/hister.svg" alt="Ícone Hister">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.