round score icon
round-score from Google Material Icons by Material Design Authors · Baseline · Editor · Apache-2.0 Free for personal and commercial use.
- Name
- round-score
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Editor
- Viewbox
- 24×24
- License
- Apache 2.0
More editor icons from Google Material Icons
baseline-add-chartbaseline-add-commentbaseline-align-horizontal-centerbaseline-align-horizontal-leftbaseline-align-horizontal-rightbaseline-align-vertical-bottombaseline-align-vertical-centerbaseline-align-vertical-topbaseline-area-chartbaseline-attach-filebaseline-attach-moneybaseline-auto-graphbaseline-bar-chartbaseline-border-allbaseline-border-bottombaseline-border-clearbaseline-border-colorbaseline-border-horizontalbaseline-border-innerbaseline-border-leftbaseline-border-outerbaseline-border-rightbaseline-border-stylebaseline-border-top
Use the round score icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 2.75c0-.41.34-.75.75-.75s.75.34.75.75V8l1.79-2.69a.71.71 0 0 1 1.18.79L15.2 8l1.27 1.9c.31.47-.02 1.1-.59 1.1c-.24 0-.46-.12-.59-.31L13.5 8v2.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75zm-5 2.5c0-.55.45-1 1-1h1.5V6.5H7.75c-.41 0-.75-.34-.75-.75S7.34 5 7.75 5H10c.55 0 1 .45 1 1v1.75c0 .55-.45 1-1 1H8.5v.75h1.75c.41 0 .75.34.75.75s-.34.75-.75.75H8c-.55 0-1-.45-1-1zm11.74 5.01l-5.03 5.03a.996.996 0 0 1-1.41 0L9 15l-2.49 2.49c-.56.56-1.51.16-1.51-.62c0-.23.09-.46.26-.62l3.03-3.03a.996.996 0 0 1 1.41 0L13 16.5l4.49-4.49c.56-.56 1.51-.16 1.51.62c0 .24-.09.46-.26.63"/></svg>
React
import type { SVGProps } from "react";
export function IcRoundScore(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="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 2.75c0-.41.34-.75.75-.75s.75.34.75.75V8l1.79-2.69a.71.71 0 0 1 1.18.79L15.2 8l1.27 1.9c.31.47-.02 1.1-.59 1.1c-.24 0-.46-.12-.59-.31L13.5 8v2.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75zm-5 2.5c0-.55.45-1 1-1h1.5V6.5H7.75c-.41 0-.75-.34-.75-.75S7.34 5 7.75 5H10c.55 0 1 .45 1 1v1.75c0 .55-.45 1-1 1H8.5v.75h1.75c.41 0 .75.34.75.75s-.34.75-.75.75H8c-.55 0-1-.45-1-1zm11.74 5.01l-5.03 5.03a.996.996 0 0 1-1.41 0L9 15l-2.49 2.49c-.56.56-1.51.16-1.51-.62c0-.23.09-.46.26-.62l3.03-3.03a.996.996 0 0 1 1.41 0L13 16.5l4.49-4.49c.56-.56 1.51-.16 1.51.62c0 .24-.09.46-.26.63"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 2.75c0-.41.34-.75.75-.75s.75.34.75.75V8l1.79-2.69a.71.71 0 0 1 1.18.79L15.2 8l1.27 1.9c.31.47-.02 1.1-.59 1.1c-.24 0-.46-.12-.59-.31L13.5 8v2.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75zm-5 2.5c0-.55.45-1 1-1h1.5V6.5H7.75c-.41 0-.75-.34-.75-.75S7.34 5 7.75 5H10c.55 0 1 .45 1 1v1.75c0 .55-.45 1-1 1H8.5v.75h1.75c.41 0 .75.34.75.75s-.34.75-.75.75H8c-.55 0-1-.45-1-1zm11.74 5.01l-5.03 5.03a.996.996 0 0 1-1.41 0L9 15l-2.49 2.49c-.56.56-1.51.16-1.51-.62c0-.23.09-.46.26-.62l3.03-3.03a.996.996 0 0 1 1.41 0L13 16.5l4.49-4.49c.56-.56 1.51-.16 1.51.62c0 .24-.09.46-.26.63"/></svg> </template>
CSS
.icon-round-score {
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%22M19%203H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2m-7%202.75c0-.41.34-.75.75-.75s.75.34.75.75V8l1.79-2.69a.71.71%200%200%201%201.18.79L15.2%208l1.27%201.9c.31.47-.02%201.1-.59%201.1c-.24%200-.46-.12-.59-.31L13.5%208v2.25c0%20.41-.34.75-.75.75s-.75-.34-.75-.75zm-5%202.5c0-.55.45-1%201-1h1.5V6.5H7.75c-.41%200-.75-.34-.75-.75S7.34%205%207.75%205H10c.55%200%201%20.45%201%201v1.75c0%20.55-.45%201-1%201H8.5v.75h1.75c.41%200%20.75.34.75.75s-.34.75-.75.75H8c-.55%200-1-.45-1-1zm11.74%205.01l-5.03%205.03a.996.996%200%200%201-1.41%200L9%2015l-2.49%202.49c-.56.56-1.51.16-1.51-.62c0-.23.09-.46.26-.62l3.03-3.03a.996.996%200%200%201%201.41%200L13%2016.5l4.49-4.49c.56-.56%201.51-.16%201.51.62c0%20.24-.09.46-.26.63%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%22M19%203H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2m-7%202.75c0-.41.34-.75.75-.75s.75.34.75.75V8l1.79-2.69a.71.71%200%200%201%201.18.79L15.2%208l1.27%201.9c.31.47-.02%201.1-.59%201.1c-.24%200-.46-.12-.59-.31L13.5%208v2.25c0%20.41-.34.75-.75.75s-.75-.34-.75-.75zm-5%202.5c0-.55.45-1%201-1h1.5V6.5H7.75c-.41%200-.75-.34-.75-.75S7.34%205%207.75%205H10c.55%200%201%20.45%201%201v1.75c0%20.55-.45%201-1%201H8.5v.75h1.75c.41%200%20.75.34.75.75s-.34.75-.75.75H8c-.55%200-1-.45-1-1zm11.74%205.01l-5.03%205.03a.996.996%200%200%201-1.41%200L9%2015l-2.49%202.49c-.56.56-1.51.16-1.51-.62c0-.23.09-.46.26-.62l3.03-3.03a.996.996%200%200%201%201.41%200L13%2016.5l4.49-4.49c.56-.56%201.51-.16%201.51.62c0%20.24-.09.46-.26.63%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-score.svg?color=%231a73e8&size=48
