selfh.st/icons
selfhst · 7.281 ícones · de selfh.st · CC-BY-4.0 · multicolorido · Atualizado em
selfh.st/icons é uma coleção de ícones grátis e de código aberto com 7.281 ícones SVG de selfh.st, publicada sob a licença CC BY 4.0. Os ícones são multicoloridos, então mantêm as próprias cores em qualquer tamanho.
Especificações de design de selfh.st/icons
- preenchido
- multicolorido
As regras de desenho desta coleção, medidas a partir dos seus arquivos SVG. Use-as para criar novos ícones que combinem com ela.
| Tela | 512 × 512 |
|---|---|
| viewBox | 0 0 512 512 |
| Área de desenho | Tela inteira, sem margem |
| Estilo de desenho | Formas preenchidas |
| Raio dos cantos | 62.75 |
| Cores | Cerca de 2 cores por ícone |
| Coordenadas | Até 2 casas decimais |
| Linhas retas | 31% horizontais ou verticais, 8% a 45° |
| Curvas | 71% dos comandos de desenho |
| Simetria | 17% dos ícones são simétricos da esquerda para a direita |
| Elementos por ícone | 2.1 |
| Comandos de desenho por ícone | 97 |
Medido a partir de 64 ícones desta coleção.
Geração de ícones com IA
Não permitido: são logotipos de marcas, e as marcas pertencem aos seus donos.
Sobre selfh.st/icons
Entre os selfh.st/icons mais populares estão salt, adobe, aviato, usertour, live blog e vert.
Abra qualquer ícone para copiá-lo como SVG, JSX, Vue, Svelte, Solid, Astro ou CSS, ou baixe em SVG ou PNG. 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 usar selfh.st/icons
Todos os ícones desta página funcionam em qualquer framework. Os exemplos usam selfhst:salt; abra um ícone para copiar o código exato em SVG, JSX, Vue, Svelte, Solid, Astro ou CSS. Para dicas de tamanho, cor e acessibilidade, leia como usar ícones SVG.
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:salt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:salt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:salt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--salt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:salt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:salt"></iconify-icon>Imagem HTML
<img src="https://icons.sys.karaztherapy.ma/api/public/svg/selfhst/salt.svg" alt="Ícone Salt" width="24" height="24">Perguntas frequentes sobre selfh.st/icons
Os selfh.st/icons são 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.
Quantos ícones tem selfh.st/icons?
selfh.st/icons tem 7.281 ícones.
Qual é a licença dos selfh.st/icons?
selfh.st/icons são distribuídos sob CC BY 4.0. O texto completo da licença está disponível em https://github.com/selfhst/icons/blob/main/LICENSE.
Quem criou selfh.st/icons?
selfh.st/icons são criados por selfh.st.
Como usar selfh.st/icons no React?
Instale @iconify/react e renderize <Icon icon="selfhst:salt" />, ou abra qualquer ícone desta página e copie-o como um componente React independente.