Ícone Alist
simple-icons:alist
O ícone Alist (simple-icons:alist) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Simple Icons
- Autor
- Simple Icons Collaborators
- Licença
- CC0-1.0
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.083 11.45c.38-.06.782.03 1.097.251c.239.184.405.46.452.76c.033.226.01.462-.073.677c-.064.186-.156.36-.259.528L8.908 21.05c-.187.308-.358.628-.574.917a1.7 1.7 0 0 1-.58.466c-.478.255-1.102.1-1.466-.283a1.08 1.08 0 0 1-.306-.7c-.021-.269.038-.54.16-.78a7 7 0 0 1 .366-.677c.643-1.083 1.281-2.169 1.923-3.252c.878-1.49 1.77-2.972 2.654-4.458q.142-.255.342-.466c.178-.18.403-.326.656-.366zm.128-10.007c.253-.03.517.028.728.172c.319.206.544.52.735.841c.864 1.449 1.734 2.894 2.598 4.343q1.725 2.906 3.448 5.814q1.19 2.013 2.388 4.02c.526.895 1.07 1.78 1.572 2.687c.217.38.336.818.318 1.257c-.012.339-.074.687-.252.98c-.25.415-.668.708-1.122.86a2.3 2.3 0 0 1-.755.147h-8.451a2.1 2.1 0 0 1-.716-.121a1.5 1.5 0 0 1-.46-.286c-.223-.22-.367-.532-.328-.848c.02-.221.074-.44.165-.642c.089-.208.213-.398.32-.596q.709-1.26 1.479-2.484c.164-.256.307-.533.535-.742c.241-.221.545-.395.877-.417c.267-.011.53.08.753.224c.251.148.449.393.515.679c.096.362-.007.743-.16 1.074c-.173.375-.418.716-.55 1.11c-.024.09-.057.203.01.282a.55.55 0 0 0 .25.111c.256.057.52.043.78.044h2.874c.19-.003.38.006.57-.005c.136-.015.286-.038.392-.133c.07-.063.08-.168.053-.253a2.6 2.6 0 0 0-.259-.53c-2.554-4.363-5.095-8.734-7.677-13.081c-.084-.14-.156-.292-.277-.405a.24.24 0 0 0-.23-.066c-.069.025-.115.086-.161.14a4 4 0 0 0-.31.458c-.444.723-.87 1.458-1.306 2.186l-7.53 12.675q-.233.43-.503.84c-.158.233-.35.451-.599.592c-.292.169-.653.236-.98.139a1.44 1.44 0 0 1-.642-.38C.086 21.915-.01 21.6 0 21.3c.011-.316.117-.625.276-.896a1511 1511 0 0 1 4.598-7.753c.792-1.337 1.58-2.676 2.377-4.01q1.21-2.027 2.415-4.057c.448-.763.899-1.524 1.369-2.273a2.1 2.1 0 0 1 .557-.614c.185-.126.392-.234.618-.254z"/></svg>Como usar o ícone Alist
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:alist" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:alist" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:alist" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--alist]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:alist"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:alist"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/alist.svg" alt="Ícone Alist" width="24" height="24">O ícone Alist em outras coleções
Perguntas frequentes sobre Ícone Alist
O ícone Alist é grátis para uso comercial?
Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Alist no React?
Instale @iconify/react e renderize <Icon icon="simple-icons:alist" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Alist a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/alist.svg" alt="Ícone Alist">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.