ai education icon
ai-education-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- ai-education-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×25
- License
- MIT
1 other variant in TDesign Icons
Related icons in TDesign Icons
Use the ai education icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M19 17.57c0 1.469-1.015 2.615-2.254 3.338c-1.264.737-2.944 1.161-4.746 1.161s-3.482-.424-4.746-1.16C6.014 20.184 5 19.038 5 17.568v-3.664l7 4.55l7-4.55z"/><path fill="currentColor" d="M23.835 8.57L22 9.762v6.306h-2v-5.006l-8 5.2L.165 8.569l1.613-1.05a5.5 5.5 0 0 0 9.213-5.987L12 .877z"/><path fill="currentColor" d="M7.532 3.036L10.57 4.32L7.532 5.602L6.25 8.639L4.967 5.602L1.93 4.319l3.036-1.283L6.25 0z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignAiEducationFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M19 17.57c0 1.469-1.015 2.615-2.254 3.338c-1.264.737-2.944 1.161-4.746 1.161s-3.482-.424-4.746-1.16C6.014 20.184 5 19.038 5 17.568v-3.664l7 4.55l7-4.55z"/><path fill="currentColor" d="M23.835 8.57L22 9.762v6.306h-2v-5.006l-8 5.2L.165 8.569l1.613-1.05a5.5 5.5 0 0 0 9.213-5.987L12 .877z"/><path fill="currentColor" d="M7.532 3.036L10.57 4.32L7.532 5.602L6.25 8.639L4.967 5.602L1.93 4.319l3.036-1.283L6.25 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 25"><path fill="currentColor" d="M19 17.57c0 1.469-1.015 2.615-2.254 3.338c-1.264.737-2.944 1.161-4.746 1.161s-3.482-.424-4.746-1.16C6.014 20.184 5 19.038 5 17.568v-3.664l7 4.55l7-4.55z"/><path fill="currentColor" d="M23.835 8.57L22 9.762v6.306h-2v-5.006l-8 5.2L.165 8.569l1.613-1.05a5.5 5.5 0 0 0 9.213-5.987L12 .877z"/><path fill="currentColor" d="M7.532 3.036L10.57 4.32L7.532 5.602L6.25 8.639L4.967 5.602L1.93 4.319l3.036-1.283L6.25 0z"/></svg> </template>
CSS
.icon-ai-education-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2025%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%2017.57c0%201.469-1.015%202.615-2.254%203.338c-1.264.737-2.944%201.161-4.746%201.161s-3.482-.424-4.746-1.16C6.014%2020.184%205%2019.038%205%2017.568v-3.664l7%204.55l7-4.55z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.835%208.57L22%209.762v6.306h-2v-5.006l-8%205.2L.165%208.569l1.613-1.05a5.5%205.5%200%200%200%209.213-5.987L12%20.877z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.532%203.036L10.57%204.32L7.532%205.602L6.25%208.639L4.967%205.602L1.93%204.319l3.036-1.283L6.25%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2025%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%2017.57c0%201.469-1.015%202.615-2.254%203.338c-1.264.737-2.944%201.161-4.746%201.161s-3.482-.424-4.746-1.16C6.014%2020.184%205%2019.038%205%2017.568v-3.664l7%204.55l7-4.55z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.835%208.57L22%209.762v6.306h-2v-5.006l-8%205.2L.165%208.569l1.613-1.05a5.5%205.5%200%200%200%209.213-5.987L12%20.877z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.532%203.036L10.57%204.32L7.532%205.602L6.25%208.639L4.967%205.602L1.93%204.319l3.036-1.283L6.25%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/ai-education-filled.svg?color=%231a73e8&size=48
