percent discount icon
percent-discount-outline-rounded from Material Symbols by Google · Outline Rounded · Business · Apache-2.0 Free for personal and commercial use.
- Name
- percent-discount-outline-rounded
- Set
- Material Symbols
- Style
- Outline Rounded
- Category
- Business
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
More business icons from Material Symbols
Use the percent discount icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-.6 0-1.15-.225t-.975-.65q-.725-.725-1.25-.95T7.05 19.95q-1.25 0-2.125-.875T4.05 16.95q0-1.05-.225-1.575t-.95-1.25q-.425-.425-.65-.975T2 12t.225-1.15t.65-.975q.725-.725.95-1.25T4.05 7.05q0-1.25.875-2.125T7.05 4.05q1.05 0 1.575-.225t1.25-.95q.425-.425.975-.65T12 2t1.15.225t.975.65q.725.725 1.25.95t1.575.225q1.25 0 2.125.875t.875 2.125q0 1.05.225 1.575t.95 1.25q.425.425.65.975T22 12t-.225 1.15t-.65.975q-.725.725-.95 1.25t-.225 1.575q0 1.25-.875 2.125t-2.125.875q-1.05 0-1.575.225t-1.25.95q-.425.425-.975.65T12 22m0-2q.2 0 .388-.088t.312-.212q1.025-1.025 1.925-1.387t2.325-.363q.425 0 .713-.287t.287-.713q0-1.45.363-2.337T19.7 12.7q.3-.3.3-.7t-.3-.7q-1.025-1.025-1.387-1.925T17.95 7.05q0-.425-.288-.712t-.712-.288q-1.45 0-2.337-.362T12.7 4.3q-.125-.125-.312-.213T12 4t-.387.088t-.313.212q-1.025 1.025-1.925 1.388T7.05 6.05q-.425 0-.712.288t-.288.712q0 1.45-.362 2.338T4.3 11.3q-.3.3-.3.7t.3.7q1.025 1.025 1.388 1.925t.362 2.325q0 .425.288.713t.712.287q1.45 0 2.338.363T11.3 19.7q.125.125.313.213T12 20m2.5-4q.625 0 1.063-.437T16 14.5t-.437-1.062T14.5 13t-1.062.438T13 14.5t.438 1.063T14.5 16m-5.75-.75q.3.3.7.3t.7-.3l5.1-5.075q.3-.3.3-.712t-.3-.713t-.712-.3t-.713.3l-5.075 5.1q-.3.3-.3.7t.3.7m1.813-4.687Q11 10.125 11 9.5t-.437-1.062T9.5 8t-1.062.438T8 9.5t.438 1.063T9.5 11t1.063-.437M12 12"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsPercentDiscountOutlineRounded(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="M12 22q-.6 0-1.15-.225t-.975-.65q-.725-.725-1.25-.95T7.05 19.95q-1.25 0-2.125-.875T4.05 16.95q0-1.05-.225-1.575t-.95-1.25q-.425-.425-.65-.975T2 12t.225-1.15t.65-.975q.725-.725.95-1.25T4.05 7.05q0-1.25.875-2.125T7.05 4.05q1.05 0 1.575-.225t1.25-.95q.425-.425.975-.65T12 2t1.15.225t.975.65q.725.725 1.25.95t1.575.225q1.25 0 2.125.875t.875 2.125q0 1.05.225 1.575t.95 1.25q.425.425.65.975T22 12t-.225 1.15t-.65.975q-.725.725-.95 1.25t-.225 1.575q0 1.25-.875 2.125t-2.125.875q-1.05 0-1.575.225t-1.25.95q-.425.425-.975.65T12 22m0-2q.2 0 .388-.088t.312-.212q1.025-1.025 1.925-1.387t2.325-.363q.425 0 .713-.287t.287-.713q0-1.45.363-2.337T19.7 12.7q.3-.3.3-.7t-.3-.7q-1.025-1.025-1.387-1.925T17.95 7.05q0-.425-.288-.712t-.712-.288q-1.45 0-2.337-.362T12.7 4.3q-.125-.125-.312-.213T12 4t-.387.088t-.313.212q-1.025 1.025-1.925 1.388T7.05 6.05q-.425 0-.712.288t-.288.712q0 1.45-.362 2.338T4.3 11.3q-.3.3-.3.7t.3.7q1.025 1.025 1.388 1.925t.362 2.325q0 .425.288.713t.712.287q1.45 0 2.338.363T11.3 19.7q.125.125.313.213T12 20m2.5-4q.625 0 1.063-.437T16 14.5t-.437-1.062T14.5 13t-1.062.438T13 14.5t.438 1.063T14.5 16m-5.75-.75q.3.3.7.3t.7-.3l5.1-5.075q.3-.3.3-.712t-.3-.713t-.712-.3t-.713.3l-5.075 5.1q-.3.3-.3.7t.3.7m1.813-4.687Q11 10.125 11 9.5t-.437-1.062T9.5 8t-1.062.438T8 9.5t.438 1.063T9.5 11t1.063-.437M12 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-.6 0-1.15-.225t-.975-.65q-.725-.725-1.25-.95T7.05 19.95q-1.25 0-2.125-.875T4.05 16.95q0-1.05-.225-1.575t-.95-1.25q-.425-.425-.65-.975T2 12t.225-1.15t.65-.975q.725-.725.95-1.25T4.05 7.05q0-1.25.875-2.125T7.05 4.05q1.05 0 1.575-.225t1.25-.95q.425-.425.975-.65T12 2t1.15.225t.975.65q.725.725 1.25.95t1.575.225q1.25 0 2.125.875t.875 2.125q0 1.05.225 1.575t.95 1.25q.425.425.65.975T22 12t-.225 1.15t-.65.975q-.725.725-.95 1.25t-.225 1.575q0 1.25-.875 2.125t-2.125.875q-1.05 0-1.575.225t-1.25.95q-.425.425-.975.65T12 22m0-2q.2 0 .388-.088t.312-.212q1.025-1.025 1.925-1.387t2.325-.363q.425 0 .713-.287t.287-.713q0-1.45.363-2.337T19.7 12.7q.3-.3.3-.7t-.3-.7q-1.025-1.025-1.387-1.925T17.95 7.05q0-.425-.288-.712t-.712-.288q-1.45 0-2.337-.362T12.7 4.3q-.125-.125-.312-.213T12 4t-.387.088t-.313.212q-1.025 1.025-1.925 1.388T7.05 6.05q-.425 0-.712.288t-.288.712q0 1.45-.362 2.338T4.3 11.3q-.3.3-.3.7t.3.7q1.025 1.025 1.388 1.925t.362 2.325q0 .425.288.713t.712.287q1.45 0 2.338.363T11.3 19.7q.125.125.313.213T12 20m2.5-4q.625 0 1.063-.437T16 14.5t-.437-1.062T14.5 13t-1.062.438T13 14.5t.438 1.063T14.5 16m-5.75-.75q.3.3.7.3t.7-.3l5.1-5.075q.3-.3.3-.712t-.3-.713t-.712-.3t-.713.3l-5.075 5.1q-.3.3-.3.7t.3.7m1.813-4.687Q11 10.125 11 9.5t-.437-1.062T9.5 8t-1.062.438T8 9.5t.438 1.063T9.5 11t1.063-.437M12 12"/></svg> </template>
CSS
.icon-percent-discount-outline-rounded {
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%22M12%2022q-.6%200-1.15-.225t-.975-.65q-.725-.725-1.25-.95T7.05%2019.95q-1.25%200-2.125-.875T4.05%2016.95q0-1.05-.225-1.575t-.95-1.25q-.425-.425-.65-.975T2%2012t.225-1.15t.65-.975q.725-.725.95-1.25T4.05%207.05q0-1.25.875-2.125T7.05%204.05q1.05%200%201.575-.225t1.25-.95q.425-.425.975-.65T12%202t1.15.225t.975.65q.725.725%201.25.95t1.575.225q1.25%200%202.125.875t.875%202.125q0%201.05.225%201.575t.95%201.25q.425.425.65.975T22%2012t-.225%201.15t-.65.975q-.725.725-.95%201.25t-.225%201.575q0%201.25-.875%202.125t-2.125.875q-1.05%200-1.575.225t-1.25.95q-.425.425-.975.65T12%2022m0-2q.2%200%20.388-.088t.312-.212q1.025-1.025%201.925-1.387t2.325-.363q.425%200%20.713-.287t.287-.713q0-1.45.363-2.337T19.7%2012.7q.3-.3.3-.7t-.3-.7q-1.025-1.025-1.387-1.925T17.95%207.05q0-.425-.288-.712t-.712-.288q-1.45%200-2.337-.362T12.7%204.3q-.125-.125-.312-.213T12%204t-.387.088t-.313.212q-1.025%201.025-1.925%201.388T7.05%206.05q-.425%200-.712.288t-.288.712q0%201.45-.362%202.338T4.3%2011.3q-.3.3-.3.7t.3.7q1.025%201.025%201.388%201.925t.362%202.325q0%20.425.288.713t.712.287q1.45%200%202.338.363T11.3%2019.7q.125.125.313.213T12%2020m2.5-4q.625%200%201.063-.437T16%2014.5t-.437-1.062T14.5%2013t-1.062.438T13%2014.5t.438%201.063T14.5%2016m-5.75-.75q.3.3.7.3t.7-.3l5.1-5.075q.3-.3.3-.712t-.3-.713t-.712-.3t-.713.3l-5.075%205.1q-.3.3-.3.7t.3.7m1.813-4.687Q11%2010.125%2011%209.5t-.437-1.062T9.5%208t-1.062.438T8%209.5t.438%201.063T9.5%2011t1.063-.437M12%2012%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%22M12%2022q-.6%200-1.15-.225t-.975-.65q-.725-.725-1.25-.95T7.05%2019.95q-1.25%200-2.125-.875T4.05%2016.95q0-1.05-.225-1.575t-.95-1.25q-.425-.425-.65-.975T2%2012t.225-1.15t.65-.975q.725-.725.95-1.25T4.05%207.05q0-1.25.875-2.125T7.05%204.05q1.05%200%201.575-.225t1.25-.95q.425-.425.975-.65T12%202t1.15.225t.975.65q.725.725%201.25.95t1.575.225q1.25%200%202.125.875t.875%202.125q0%201.05.225%201.575t.95%201.25q.425.425.65.975T22%2012t-.225%201.15t-.65.975q-.725.725-.95%201.25t-.225%201.575q0%201.25-.875%202.125t-2.125.875q-1.05%200-1.575.225t-1.25.95q-.425.425-.975.65T12%2022m0-2q.2%200%20.388-.088t.312-.212q1.025-1.025%201.925-1.387t2.325-.363q.425%200%20.713-.287t.287-.713q0-1.45.363-2.337T19.7%2012.7q.3-.3.3-.7t-.3-.7q-1.025-1.025-1.387-1.925T17.95%207.05q0-.425-.288-.712t-.712-.288q-1.45%200-2.337-.362T12.7%204.3q-.125-.125-.312-.213T12%204t-.387.088t-.313.212q-1.025%201.025-1.925%201.388T7.05%206.05q-.425%200-.712.288t-.288.712q0%201.45-.362%202.338T4.3%2011.3q-.3.3-.3.7t.3.7q1.025%201.025%201.388%201.925t.362%202.325q0%20.425.288.713t.712.287q1.45%200%202.338.363T11.3%2019.7q.125.125.313.213T12%2020m2.5-4q.625%200%201.063-.437T16%2014.5t-.437-1.062T14.5%2013t-1.062.438T13%2014.5t.438%201.063T14.5%2016m-5.75-.75q.3.3.7.3t.7-.3l5.1-5.075q.3-.3.3-.712t-.3-.713t-.712-.3t-.713.3l-5.075%205.1q-.3.3-.3.7t.3.7m1.813-4.687Q11%2010.125%2011%209.5t-.437-1.062T9.5%208t-1.062.438T8%209.5t.438%201.063T9.5%2011t1.063-.437M12%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/percent-discount-outline-rounded.svg?color=%231a73e8&size=48
