shaved ice icon
shaved-ice-sharp from Material Symbols by Google · Sharp · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- shaved-ice-sharp
- Set
- Material Symbols
- Style
- Sharp
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
More maps icons from Material Symbols
Use the shaved ice icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.2 21.025L3 14h18l-2.2 7.025zM5.2 12q.175-.625.45-1.212t.7-1.088q-.15-.275-.25-.6T6 8.425q0-1.5.963-2.588T9.4 4.55q.4-.725 1.1-1.137T12 3t1.513.412t1.112 1.138q1 .125 1.763.713T17.575 6.7L19.3 3.975L21 5.05l-3.15 4.925q.325.475.563.975T18.8 12zm3.55-3.025L12 7.9l3.225 1.075q.275.1.525-.075t.25-.475q0-.725-.475-1.25t-1.2-.625l-.975-.15l-.5-.875q-.125-.25-.35-.387T12 5t-.513.138t-.362.387l-.475.875l-1 .15q-.725.1-1.187.625T8 8.425q0 .3.238.475t.512.075"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsShavedIceSharp(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="M5.2 21.025L3 14h18l-2.2 7.025zM5.2 12q.175-.625.45-1.212t.7-1.088q-.15-.275-.25-.6T6 8.425q0-1.5.963-2.588T9.4 4.55q.4-.725 1.1-1.137T12 3t1.513.412t1.112 1.138q1 .125 1.763.713T17.575 6.7L19.3 3.975L21 5.05l-3.15 4.925q.325.475.563.975T18.8 12zm3.55-3.025L12 7.9l3.225 1.075q.275.1.525-.075t.25-.475q0-.725-.475-1.25t-1.2-.625l-.975-.15l-.5-.875q-.125-.25-.35-.387T12 5t-.513.138t-.362.387l-.475.875l-1 .15q-.725.1-1.187.625T8 8.425q0 .3.238.475t.512.075"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.2 21.025L3 14h18l-2.2 7.025zM5.2 12q.175-.625.45-1.212t.7-1.088q-.15-.275-.25-.6T6 8.425q0-1.5.963-2.588T9.4 4.55q.4-.725 1.1-1.137T12 3t1.513.412t1.112 1.138q1 .125 1.763.713T17.575 6.7L19.3 3.975L21 5.05l-3.15 4.925q.325.475.563.975T18.8 12zm3.55-3.025L12 7.9l3.225 1.075q.275.1.525-.075t.25-.475q0-.725-.475-1.25t-1.2-.625l-.975-.15l-.5-.875q-.125-.25-.35-.387T12 5t-.513.138t-.362.387l-.475.875l-1 .15q-.725.1-1.187.625T8 8.425q0 .3.238.475t.512.075"/></svg> </template>
CSS
.icon-shaved-ice-sharp {
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%22M5.2%2021.025L3%2014h18l-2.2%207.025zM5.2%2012q.175-.625.45-1.212t.7-1.088q-.15-.275-.25-.6T6%208.425q0-1.5.963-2.588T9.4%204.55q.4-.725%201.1-1.137T12%203t1.513.412t1.112%201.138q1%20.125%201.763.713T17.575%206.7L19.3%203.975L21%205.05l-3.15%204.925q.325.475.563.975T18.8%2012zm3.55-3.025L12%207.9l3.225%201.075q.275.1.525-.075t.25-.475q0-.725-.475-1.25t-1.2-.625l-.975-.15l-.5-.875q-.125-.25-.35-.387T12%205t-.513.138t-.362.387l-.475.875l-1%20.15q-.725.1-1.187.625T8%208.425q0%20.3.238.475t.512.075%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%22M5.2%2021.025L3%2014h18l-2.2%207.025zM5.2%2012q.175-.625.45-1.212t.7-1.088q-.15-.275-.25-.6T6%208.425q0-1.5.963-2.588T9.4%204.55q.4-.725%201.1-1.137T12%203t1.513.412t1.112%201.138q1%20.125%201.763.713T17.575%206.7L19.3%203.975L21%205.05l-3.15%204.925q.325.475.563.975T18.8%2012zm3.55-3.025L12%207.9l3.225%201.075q.275.1.525-.075t.25-.475q0-.725-.475-1.25t-1.2-.625l-.975-.15l-.5-.875q-.125-.25-.35-.387T12%205t-.513.138t-.362.387l-.475.875l-1%20.15q-.725.1-1.187.625T8%208.425q0%20.3.238.475t.512.075%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/shaved-ice-sharp.svg?color=%231a73e8&size=48
