Ícone Ai Learning
hugeicons:ai-learning
O ícone Ai Learning (hugeicons:ai-learning) é um ícone SVG gratuito da coleção Huge Icons de Hugeicons. Ele é desenhado em uma grade de 24 × 24. Huge Icons são publicados sob a licença MIT, 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
- Huge Icons
- Autor
- Hugeicons
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- ailearning
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M12 15.5v5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.98 3.285c-1.692-.322-2.538-.483-3.26.135C2 4.037 2 5.04 2 7.046v7.209c0 1.834 0 2.751.463 3.324c.462.572 1.48.766 3.518 1.154c1.815.346 3.232.896 4.258 1.45c1.01.545 1.514.817 1.761.817s.752-.272 1.76-.817c1.027-.553 2.444-1.104 4.26-1.45c2.036-.388 3.055-.582 3.517-1.154c.463-.573.463-1.49.463-3.324V7.046c0-2.006 0-3.009-.72-3.626c-.722-.618-1.568-.457-3.26-.135"/><path fill="currentColor" d="m9.293 10.707l.53-.53zm5.414 0l-.53-.53zm0-5.414l-.53.53zM11.25 11a.75.75 0 0 0-1.5 0zm-1.5 2a.75.75 0 0 0 1.5 0zm4.5-2a.75.75 0 0 0-1.5 0zm-1.5 2a.75.75 0 0 0 1.5 0zm-1.5-10a.75.75 0 0 0-1.5 0zm-1.5 2a.75.75 0 0 0 1.5 0zm4.5-2a.75.75 0 0 0-1.5 0zm-1.5 2a.75.75 0 0 0 1.5 0zM9 7.25a.75.75 0 0 0 0-1.5zm-2-1.5a.75.75 0 0 0 0 1.5zm2 4.5a.75.75 0 0 0 0-1.5zm-2-1.5a.75.75 0 0 0 0 1.5zm10-1.5a.75.75 0 0 0 0-1.5zm-2-1.5a.75.75 0 0 0 0 1.5zm2 4.5a.75.75 0 0 0 0-1.5zm-2-1.5a.75.75 0 0 0 0 1.5zm-4-3h2v-1.5h-2zM14.25 7v2h1.5V7zM13 10.25h-2v1.5h2zM9.75 9V7h-1.5v2zM11 10.25c-.493 0-.787-.002-.997-.03a.7.7 0 0 1-.18-.043l-1.06 1.06c.309.31.684.422 1.04.47c.334.045.747.043 1.197.043zM8.25 9c0 .45-.002.863.043 1.197c.048.356.16.731.47 1.04l1.06-1.06l-.001-.003l-.005-.01a.7.7 0 0 1-.037-.167c-.028-.21-.03-.504-.03-.997zm6 0c0 .493-.002.787-.03.997a.7.7 0 0 1-.043.18l1.06 1.06c.31-.309.422-.684.47-1.04c.045-.334.043-.747.043-1.197zM13 11.75c.45 0 .863.002 1.197-.043c.356-.048.731-.16 1.04-.47l-1.06-1.06l-.003.001l-.01.005a.7.7 0 0 1-.167.037c-.21.028-.504.03-.997.03zm0-6c.493 0 .787.002.997.03a.7.7 0 0 1 .177.042l.003.001l1.06-1.06c-.309-.31-.684-.422-1.04-.47c-.334-.045-.747-.043-1.197-.043zM15.75 7c0-.45.002-.863-.043-1.197c-.048-.356-.16-.731-.47-1.04l-1.06 1.06l.001.003l.005.01c.009.022.024.07.037.167c.028.21.03.504.03.997zM11 4.25c-.45 0-.863-.002-1.197.043c-.356.048-.731.16-1.04.47l1.06 1.06l.003-.001l.01-.005a.7.7 0 0 1 .167-.037c.21-.028.504-.03.997-.03zM9.75 7c0-.493.002-.787.03-.997a.7.7 0 0 1 .043-.18l-1.06-1.06c-.31.309-.422.684-.47 1.04c-.045.334-.043.747-.043 1.197zm0 4v2h1.5v-2zm3 0v2h1.5v-2zm-3-8v2h1.5V3zm3 0v2h1.5V3zM9 5.75H7v1.5h2zm0 3H7v1.5h2zm8-3h-2v1.5h2zm0 3h-2v1.5h2z"/></g></svg>
Como usar o ícone Ai Learning
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:ai-learning" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:ai-learning" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:ai-learning" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--ai-learning]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:ai-learning"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:ai-learning"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/ai-learning.svg" alt="Ícone Ai Learning" width="24" height="24">
Ícones relacionados em Huge Icons
Perguntas frequentes sobre Ícone Ai Learning
O ícone Ai Learning é grátis para uso comercial?
Sim. Huge Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Ai Learning no React?
Instale @iconify/react e renderize <Icon icon="hugeicons:ai-learning" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ai Learning a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/hugeicons/ai-learning.svg" alt="Ícone Ai Learning">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Huge Icons →
ICONYZ
