round currency pound icon

round-currency-pound from Google Material Icons by Material Design Authors · Baseline · Image · Apache-2.0 Free for personal and commercial use.

Name
round-currency-pound
Set
Google Material Icons
Style
Baseline
Category
Image
Viewbox
24×24
License
Apache 2.0

More image icons from Google Material Icons

baseline-10mpbaseline-11mpbaseline-12mpbaseline-13mpbaseline-14mpbaseline-15mpbaseline-16mpbaseline-17mpbaseline-18mpbaseline-19mpbaseline-20mpbaseline-21mpbaseline-22mpbaseline-23mpbaseline-24mpbaseline-2mpbaseline-30fps-selectbaseline-3mpbaseline-4mpbaseline-5mpbaseline-60fps-selectbaseline-6mpbaseline-7mpbaseline-8mp

Use the round currency pound icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.21 17.61c-.47-.24-1.03-.05-1.31.4c-.36.6-.97.99-1.9.99H9.1c.83-1 1.5-2.34 1.5-4c0-.35-.03-.69-.08-1H13c.55 0 1-.45 1-1s-.45-1-1-1H9.82C9 10.42 8 9.6 8 8c0-1.93 1.57-3.5 3.5-3.5c1.2 0 2.26.61 2.89 1.53c.27.4.77.59 1.22.4c.6-.25.8-.99.43-1.53A5.497 5.497 0 0 0 6 8c0 1.78.79 2.9 1.49 4H7c-.55 0-1 .45-1 1s.45 1 1 1h1.47c.08.31.13.64.13 1c0 1.9-1.29 3.11-2.06 3.66c-.34.24-.54.63-.54 1.05c0 .71.58 1.29 1.29 1.29H14c1.55 0 2.95-.76 3.63-2c.28-.51.09-1.14-.42-1.39"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundCurrencyPound(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="M17.21 17.61c-.47-.24-1.03-.05-1.31.4c-.36.6-.97.99-1.9.99H9.1c.83-1 1.5-2.34 1.5-4c0-.35-.03-.69-.08-1H13c.55 0 1-.45 1-1s-.45-1-1-1H9.82C9 10.42 8 9.6 8 8c0-1.93 1.57-3.5 3.5-3.5c1.2 0 2.26.61 2.89 1.53c.27.4.77.59 1.22.4c.6-.25.8-.99.43-1.53A5.497 5.497 0 0 0 6 8c0 1.78.79 2.9 1.49 4H7c-.55 0-1 .45-1 1s.45 1 1 1h1.47c.08.31.13.64.13 1c0 1.9-1.29 3.11-2.06 3.66c-.34.24-.54.63-.54 1.05c0 .71.58 1.29 1.29 1.29H14c1.55 0 2.95-.76 3.63-2c.28-.51.09-1.14-.42-1.39"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.21 17.61c-.47-.24-1.03-.05-1.31.4c-.36.6-.97.99-1.9.99H9.1c.83-1 1.5-2.34 1.5-4c0-.35-.03-.69-.08-1H13c.55 0 1-.45 1-1s-.45-1-1-1H9.82C9 10.42 8 9.6 8 8c0-1.93 1.57-3.5 3.5-3.5c1.2 0 2.26.61 2.89 1.53c.27.4.77.59 1.22.4c.6-.25.8-.99.43-1.53A5.497 5.497 0 0 0 6 8c0 1.78.79 2.9 1.49 4H7c-.55 0-1 .45-1 1s.45 1 1 1h1.47c.08.31.13.64.13 1c0 1.9-1.29 3.11-2.06 3.66c-.34.24-.54.63-.54 1.05c0 .71.58 1.29 1.29 1.29H14c1.55 0 2.95-.76 3.63-2c.28-.51.09-1.14-.42-1.39"/></svg>
</template>

CSS

.icon-round-currency-pound {
  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%22M17.21%2017.61c-.47-.24-1.03-.05-1.31.4c-.36.6-.97.99-1.9.99H9.1c.83-1%201.5-2.34%201.5-4c0-.35-.03-.69-.08-1H13c.55%200%201-.45%201-1s-.45-1-1-1H9.82C9%2010.42%208%209.6%208%208c0-1.93%201.57-3.5%203.5-3.5c1.2%200%202.26.61%202.89%201.53c.27.4.77.59%201.22.4c.6-.25.8-.99.43-1.53A5.497%205.497%200%200%200%206%208c0%201.78.79%202.9%201.49%204H7c-.55%200-1%20.45-1%201s.45%201%201%201h1.47c.08.31.13.64.13%201c0%201.9-1.29%203.11-2.06%203.66c-.34.24-.54.63-.54%201.05c0%20.71.58%201.29%201.29%201.29H14c1.55%200%202.95-.76%203.63-2c.28-.51.09-1.14-.42-1.39%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%22M17.21%2017.61c-.47-.24-1.03-.05-1.31.4c-.36.6-.97.99-1.9.99H9.1c.83-1%201.5-2.34%201.5-4c0-.35-.03-.69-.08-1H13c.55%200%201-.45%201-1s-.45-1-1-1H9.82C9%2010.42%208%209.6%208%208c0-1.93%201.57-3.5%203.5-3.5c1.2%200%202.26.61%202.89%201.53c.27.4.77.59%201.22.4c.6-.25.8-.99.43-1.53A5.497%205.497%200%200%200%206%208c0%201.78.79%202.9%201.49%204H7c-.55%200-1%20.45-1%201s.45%201%201%201h1.47c.08.31.13.64.13%201c0%201.9-1.29%203.11-2.06%203.66c-.34.24-.54.63-.54%201.05c0%20.71.58%201.29%201.29%201.29H14c1.55%200%202.95-.76%203.63-2c.28-.51.09-1.14-.42-1.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-currency-pound.svg?color=%231a73e8&size=48