percent icon

percent from Line Awesome by Icons8 · Line · Business · Apache-2.0 Free for personal and commercial use.

Name: percent
Set: Line Awesome
Style: Line
Category: Business
Viewbox: 32×32
License: Apache 2.0
Aliases: percent-solid

The same icon in other sets

percentBootstrap Icons percent-fillEva Icons percentFramework7 Icons percentFont Awesome 6 Solid percentFont Awesome Solid percentFeather Icons percentHuge Icons percentLucide percentMajesticons percentMaterial Symbols percentMaterial Symbols Light percentMaterial Design Icons percentPhosphor percentPixelarticons percent-fillRemix Icon percentTDesign Icons

More business icons from Line Awesome

business-time chart-area chart-bar chart-bar-solid city copyright copyright-solid folder-minus folder-plus pen-square registered registered-solid trademark

Use the percent icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.5 6A3.514 3.514 0 0 0 6 9.5v3C6 14.422 7.578 16 9.5 16s3.5-1.578 3.5-3.5v-3C13 7.578 11.422 6 9.5 6m11.25 0l-12 20h2.5l12-20zM9.5 8c.84 0 1.5.66 1.5 1.5v3c0 .84-.66 1.5-1.5 1.5S8 13.34 8 12.5v-3C8 8.66 8.66 8 9.5 8m13 8a3.514 3.514 0 0 0-3.5 3.5v3c0 1.922 1.578 3.5 3.5 3.5s3.5-1.578 3.5-3.5v-3c0-1.922-1.578-3.5-3.5-3.5m0 2c.84 0 1.5.66 1.5 1.5v3c0 .84-.66 1.5-1.5 1.5s-1.5-.66-1.5-1.5v-3c0-.84.66-1.5 1.5-1.5"/></svg>

React

import type { SVGProps } from "react";

export function LaPercent(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.5 6A3.514 3.514 0 0 0 6 9.5v3C6 14.422 7.578 16 9.5 16s3.5-1.578 3.5-3.5v-3C13 7.578 11.422 6 9.5 6m11.25 0l-12 20h2.5l12-20zM9.5 8c.84 0 1.5.66 1.5 1.5v3c0 .84-.66 1.5-1.5 1.5S8 13.34 8 12.5v-3C8 8.66 8.66 8 9.5 8m13 8a3.514 3.514 0 0 0-3.5 3.5v3c0 1.922 1.578 3.5 3.5 3.5s3.5-1.578 3.5-3.5v-3c0-1.922-1.578-3.5-3.5-3.5m0 2c.84 0 1.5.66 1.5 1.5v3c0 .84-.66 1.5-1.5 1.5s-1.5-.66-1.5-1.5v-3c0-.84.66-1.5 1.5-1.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.5 6A3.514 3.514 0 0 0 6 9.5v3C6 14.422 7.578 16 9.5 16s3.5-1.578 3.5-3.5v-3C13 7.578 11.422 6 9.5 6m11.25 0l-12 20h2.5l12-20zM9.5 8c.84 0 1.5.66 1.5 1.5v3c0 .84-.66 1.5-1.5 1.5S8 13.34 8 12.5v-3C8 8.66 8.66 8 9.5 8m13 8a3.514 3.514 0 0 0-3.5 3.5v3c0 1.922 1.578 3.5 3.5 3.5s3.5-1.578 3.5-3.5v-3c0-1.922-1.578-3.5-3.5-3.5m0 2c.84 0 1.5.66 1.5 1.5v3c0 .84-.66 1.5-1.5 1.5s-1.5-.66-1.5-1.5v-3c0-.84.66-1.5 1.5-1.5"/></svg>
</template>

CSS

.icon-percent {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%206A3.514%203.514%200%200%200%206%209.5v3C6%2014.422%207.578%2016%209.5%2016s3.5-1.578%203.5-3.5v-3C13%207.578%2011.422%206%209.5%206m11.25%200l-12%2020h2.5l12-20zM9.5%208c.84%200%201.5.66%201.5%201.5v3c0%20.84-.66%201.5-1.5%201.5S8%2013.34%208%2012.5v-3C8%208.66%208.66%208%209.5%208m13%208a3.514%203.514%200%200%200-3.5%203.5v3c0%201.922%201.578%203.5%203.5%203.5s3.5-1.578%203.5-3.5v-3c0-1.922-1.578-3.5-3.5-3.5m0%202c.84%200%201.5.66%201.5%201.5v3c0%20.84-.66%201.5-1.5%201.5s-1.5-.66-1.5-1.5v-3c0-.84.66-1.5%201.5-1.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%206A3.514%203.514%200%200%200%206%209.5v3C6%2014.422%207.578%2016%209.5%2016s3.5-1.578%203.5-3.5v-3C13%207.578%2011.422%206%209.5%206m11.25%200l-12%2020h2.5l12-20zM9.5%208c.84%200%201.5.66%201.5%201.5v3c0%20.84-.66%201.5-1.5%201.5S8%2013.34%208%2012.5v-3C8%208.66%208.66%208%209.5%208m13%208a3.514%203.514%200%200%200-3.5%203.5v3c0%201.922%201.578%203.5%203.5%203.5s3.5-1.578%203.5-3.5v-3c0-1.922-1.578-3.5-3.5-3.5m0%202c.84%200%201.5.66%201.5%201.5v3c0%20.84-.66%201.5-1.5%201.5s-1.5-.66-1.5-1.5v-3c0-.84.66-1.5%201.5-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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