euro symbol icon

euro-symbol from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: euro-symbol
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: euro-symbol-outline, euro-symbol-outline-sharp, euro-symbol-sharp

1 other variant in Material Symbols Light

euro-symbol-rounded

The same icon in other sets

euro-symbolMaterial Symbols

More business icons from Material Symbols Light

Use the euro symbol icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.27 20.308q-2.605 0-4.79-1.493q-2.184-1.492-3.134-4.315H3.77v-1h3.32q-.07-.294-.098-.73q-.03-.437-.03-.77t.03-.74t.098-.76H3.77v-1h3.577q.854-2.611 3.02-4.21t4.903-1.598q1.418 0 2.6.408t2.362 1.239l-.789.788q-.99-.667-2.049-.993t-2.124-.326q-2.432 0-4.22 1.366T8.558 9.5h6.211v1H8.254q-.108.352-.142.76q-.035.407-.035.74t.054.779t.123.721h6.515v1H8.54q.857 2.344 2.731 3.518t4 1.174q1.065 0 2.177-.335t1.995-1.003l.789.808q-1.2.869-2.392 1.257q-1.191.389-2.57.389"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightEuroSymbol(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="M15.27 20.308q-2.605 0-4.79-1.493q-2.184-1.492-3.134-4.315H3.77v-1h3.32q-.07-.294-.098-.73q-.03-.437-.03-.77t.03-.74t.098-.76H3.77v-1h3.577q.854-2.611 3.02-4.21t4.903-1.598q1.418 0 2.6.408t2.362 1.239l-.789.788q-.99-.667-2.049-.993t-2.124-.326q-2.432 0-4.22 1.366T8.558 9.5h6.211v1H8.254q-.108.352-.142.76q-.035.407-.035.74t.054.779t.123.721h6.515v1H8.54q.857 2.344 2.731 3.518t4 1.174q1.065 0 2.177-.335t1.995-1.003l.789.808q-1.2.869-2.392 1.257q-1.191.389-2.57.389"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.27 20.308q-2.605 0-4.79-1.493q-2.184-1.492-3.134-4.315H3.77v-1h3.32q-.07-.294-.098-.73q-.03-.437-.03-.77t.03-.74t.098-.76H3.77v-1h3.577q.854-2.611 3.02-4.21t4.903-1.598q1.418 0 2.6.408t2.362 1.239l-.789.788q-.99-.667-2.049-.993t-2.124-.326q-2.432 0-4.22 1.366T8.558 9.5h6.211v1H8.254q-.108.352-.142.76q-.035.407-.035.74t.054.779t.123.721h6.515v1H8.54q.857 2.344 2.731 3.518t4 1.174q1.065 0 2.177-.335t1.995-1.003l.789.808q-1.2.869-2.392 1.257q-1.191.389-2.57.389"/></svg>
</template>

CSS

.icon-euro-symbol {
  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%22M15.27%2020.308q-2.605%200-4.79-1.493q-2.184-1.492-3.134-4.315H3.77v-1h3.32q-.07-.294-.098-.73q-.03-.437-.03-.77t.03-.74t.098-.76H3.77v-1h3.577q.854-2.611%203.02-4.21t4.903-1.598q1.418%200%202.6.408t2.362%201.239l-.789.788q-.99-.667-2.049-.993t-2.124-.326q-2.432%200-4.22%201.366T8.558%209.5h6.211v1H8.254q-.108.352-.142.76q-.035.407-.035.74t.054.779t.123.721h6.515v1H8.54q.857%202.344%202.731%203.518t4%201.174q1.065%200%202.177-.335t1.995-1.003l.789.808q-1.2.869-2.392%201.257q-1.191.389-2.57.389%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%22M15.27%2020.308q-2.605%200-4.79-1.493q-2.184-1.492-3.134-4.315H3.77v-1h3.32q-.07-.294-.098-.73q-.03-.437-.03-.77t.03-.74t.098-.76H3.77v-1h3.577q.854-2.611%203.02-4.21t4.903-1.598q1.418%200%202.6.408t2.362%201.239l-.789.788q-.99-.667-2.049-.993t-2.124-.326q-2.432%200-4.22%201.366T8.558%209.5h6.211v1H8.254q-.108.352-.142.76q-.035.407-.035.74t.054.779t.123.721h6.515v1H8.54q.857%202.344%202.731%203.518t4%201.174q1.065%200%202.177-.335t1.995-1.003l.789.808q-1.2.869-2.392%201.257q-1.191.389-2.57.389%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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