on device training icon

on-device-training from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name
on-device-training
Set
Material Symbols Light
Style
Regular
Category
Actions
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More actions icons from Material Symbols Light

Use the on device training icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.308 16.539v-.77h1.384v.77zm0-1.27v-.717q-.437-.256-.718-.651T10.308 13q0-.698.5-1.195q.502-.497 1.192-.497t1.191.497t.501 1.195q0 .506-.282.901t-.718.65v.718zm4.654.2l-.646-.633q.236-.425.364-.886q.128-.46.128-.945t-.128-.951t-.364-.89l.645-.633q.366.545.549 1.174q.182.63.182 1.296t-.182 1.29t-.548 1.178m-7.923 0q-.366-.545-.548-1.174q-.183-.63-.183-1.295q0-1.96 1.366-3.326T12 8.308v-.866l1.48 1.308L12 10.058v-.866q-1.585 0-2.696 1.116Q8.192 11.423 8.192 13q0 .487.128.95t.365.887zM6.616 22q-.667 0-1.141-.475T5 20.386V3.615q0-.666.475-1.14T6.615 2h10.77q.666 0 1.14.475T19 3.614v16.77q0 .666-.475 1.14t-1.14.475zM6 18.5h12v-13H6z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightOnDeviceTraining(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.308 16.539v-.77h1.384v.77zm0-1.27v-.717q-.437-.256-.718-.651T10.308 13q0-.698.5-1.195q.502-.497 1.192-.497t1.191.497t.501 1.195q0 .506-.282.901t-.718.65v.718zm4.654.2l-.646-.633q.236-.425.364-.886q.128-.46.128-.945t-.128-.951t-.364-.89l.645-.633q.366.545.549 1.174q.182.63.182 1.296t-.182 1.29t-.548 1.178m-7.923 0q-.366-.545-.548-1.174q-.183-.63-.183-1.295q0-1.96 1.366-3.326T12 8.308v-.866l1.48 1.308L12 10.058v-.866q-1.585 0-2.696 1.116Q8.192 11.423 8.192 13q0 .487.128.95t.365.887zM6.616 22q-.667 0-1.141-.475T5 20.386V3.615q0-.666.475-1.14T6.615 2h10.77q.666 0 1.14.475T19 3.614v16.77q0 .666-.475 1.14t-1.14.475zM6 18.5h12v-13H6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.308 16.539v-.77h1.384v.77zm0-1.27v-.717q-.437-.256-.718-.651T10.308 13q0-.698.5-1.195q.502-.497 1.192-.497t1.191.497t.501 1.195q0 .506-.282.901t-.718.65v.718zm4.654.2l-.646-.633q.236-.425.364-.886q.128-.46.128-.945t-.128-.951t-.364-.89l.645-.633q.366.545.549 1.174q.182.63.182 1.296t-.182 1.29t-.548 1.178m-7.923 0q-.366-.545-.548-1.174q-.183-.63-.183-1.295q0-1.96 1.366-3.326T12 8.308v-.866l1.48 1.308L12 10.058v-.866q-1.585 0-2.696 1.116Q8.192 11.423 8.192 13q0 .487.128.95t.365.887zM6.616 22q-.667 0-1.141-.475T5 20.386V3.615q0-.666.475-1.14T6.615 2h10.77q.666 0 1.14.475T19 3.614v16.77q0 .666-.475 1.14t-1.14.475zM6 18.5h12v-13H6z"/></svg>
</template>

CSS

.icon-on-device-training {
  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%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.308%2016.539v-.77h1.384v.77zm0-1.27v-.717q-.437-.256-.718-.651T10.308%2013q0-.698.5-1.195q.502-.497%201.192-.497t1.191.497t.501%201.195q0%20.506-.282.901t-.718.65v.718zm4.654.2l-.646-.633q.236-.425.364-.886q.128-.46.128-.945t-.128-.951t-.364-.89l.645-.633q.366.545.549%201.174q.182.63.182%201.296t-.182%201.29t-.548%201.178m-7.923%200q-.366-.545-.548-1.174q-.183-.63-.183-1.295q0-1.96%201.366-3.326T12%208.308v-.866l1.48%201.308L12%2010.058v-.866q-1.585%200-2.696%201.116Q8.192%2011.423%208.192%2013q0%20.487.128.95t.365.887zM6.616%2022q-.667%200-1.141-.475T5%2020.386V3.615q0-.666.475-1.14T6.615%202h10.77q.666%200%201.14.475T19%203.614v16.77q0%20.666-.475%201.14t-1.14.475zM6%2018.5h12v-13H6z%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%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.308%2016.539v-.77h1.384v.77zm0-1.27v-.717q-.437-.256-.718-.651T10.308%2013q0-.698.5-1.195q.502-.497%201.192-.497t1.191.497t.501%201.195q0%20.506-.282.901t-.718.65v.718zm4.654.2l-.646-.633q.236-.425.364-.886q.128-.46.128-.945t-.128-.951t-.364-.89l.645-.633q.366.545.549%201.174q.182.63.182%201.296t-.182%201.29t-.548%201.178m-7.923%200q-.366-.545-.548-1.174q-.183-.63-.183-1.295q0-1.96%201.366-3.326T12%208.308v-.866l1.48%201.308L12%2010.058v-.866q-1.585%200-2.696%201.116Q8.192%2011.423%208.192%2013q0%20.487.128.95t.365.887zM6.616%2022q-.667%200-1.141-.475T5%2020.386V3.615q0-.666.475-1.14T6.615%202h10.77q.666%200%201.14.475T19%203.614v16.77q0%20.666-.475%201.14t-1.14.475zM6%2018.5h12v-13H6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/on-device-training.svg?color=%231a73e8&size=48