eda icon

eda from Material Symbols by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.

Name: eda
Set: Material Symbols
Style: Regular
Category: Activities
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

eda-outline eda-outline-rounded eda-outline-sharp eda-rounded eda-sharp

The same icon in other sets

edaMaterial Symbols Light

More activities icons from Material Symbols

Use the eda icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 23q-1.65 0-2.825-1.175T3 19v-3h5.45l3.4 4.525l6.175-6.175l1.225-.75q.5-.325 1.1-.275t1.1.4l1.575 1.175l-7.225 7.225q-.425.425-.975.65t-1.15.225zm-4-9V5q0-.425.288-.712T4 4t.713.288T5 5v7h2V3q0-.425.288-.712T8 2t.713.288T9 3v9h2V2q0-.425.288-.712T12 1t.713.288T13 2v10h2V4q0-.425.288-.712T16 3t.713.288T17 4v8.575l-4.95 4.9L9.45 14z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsEda(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="M7 23q-1.65 0-2.825-1.175T3 19v-3h5.45l3.4 4.525l6.175-6.175l1.225-.75q.5-.325 1.1-.275t1.1.4l1.575 1.175l-7.225 7.225q-.425.425-.975.65t-1.15.225zm-4-9V5q0-.425.288-.712T4 4t.713.288T5 5v7h2V3q0-.425.288-.712T8 2t.713.288T9 3v9h2V2q0-.425.288-.712T12 1t.713.288T13 2v10h2V4q0-.425.288-.712T16 3t.713.288T17 4v8.575l-4.95 4.9L9.45 14z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 23q-1.65 0-2.825-1.175T3 19v-3h5.45l3.4 4.525l6.175-6.175l1.225-.75q.5-.325 1.1-.275t1.1.4l1.575 1.175l-7.225 7.225q-.425.425-.975.65t-1.15.225zm-4-9V5q0-.425.288-.712T4 4t.713.288T5 5v7h2V3q0-.425.288-.712T8 2t.713.288T9 3v9h2V2q0-.425.288-.712T12 1t.713.288T13 2v10h2V4q0-.425.288-.712T16 3t.713.288T17 4v8.575l-4.95 4.9L9.45 14z"/></svg>
</template>

CSS

.icon-eda {
  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%22M7%2023q-1.65%200-2.825-1.175T3%2019v-3h5.45l3.4%204.525l6.175-6.175l1.225-.75q.5-.325%201.1-.275t1.1.4l1.575%201.175l-7.225%207.225q-.425.425-.975.65t-1.15.225zm-4-9V5q0-.425.288-.712T4%204t.713.288T5%205v7h2V3q0-.425.288-.712T8%202t.713.288T9%203v9h2V2q0-.425.288-.712T12%201t.713.288T13%202v10h2V4q0-.425.288-.712T16%203t.713.288T17%204v8.575l-4.95%204.9L9.45%2014z%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%22M7%2023q-1.65%200-2.825-1.175T3%2019v-3h5.45l3.4%204.525l6.175-6.175l1.225-.75q.5-.325%201.1-.275t1.1.4l1.575%201.175l-7.225%207.225q-.425.425-.975.65t-1.15.225zm-4-9V5q0-.425.288-.712T4%204t.713.288T5%205v7h2V3q0-.425.288-.712T8%202t.713.288T9%203v9h2V2q0-.425.288-.712T12%201t.713.288T13%202v10h2V4q0-.425.288-.712T16%203t.713.288T17%204v8.575l-4.95%204.9L9.45%2014z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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