icecream icon
icecream-outline-rounded from Material Symbols Light by Google · Outline Rounded · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- icecream-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Travel
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More travel icons from Material Symbols Light
airline-seat-flatairline-seat-flat-angledairline-seat-individual-suiteairline-seat-legroom-extraairline-seat-legroom-normalairline-seat-legroom-reducedairline-seat-recline-extraairline-seat-recline-normalairplane-ticketapartmentattractionsbakery-diningbath-bedrockbeach-accessbeer-mealbentobreakfast-diningbrunch-diningbungalowcabincar-rentalcar-repaircarpentercarry-on-bag
Use the icecream icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 10q0-.967.603-1.81q.603-.842 1.882-1.21q.315-2.332 1.92-3.656T12 2t3.595 1.324t1.92 3.657q1.28.367 1.882 1.21Q20 9.033 20 10q0 1.587-1.22 2.427t-2.618.38l-3.39 6.647q-.126.217-.315.323t-.407.106t-.41-.106t-.317-.323l-3.396-6.646q-1.39.517-2.659-.362T4 10m3 2q.375 0 .738-.125t.662-.425l.55-.55l.65.4q.525.35 1.138.525T12 12t1.263-.175T14.4 11.3l.65-.4l.55.55q.3.3.663.425T17 12q.825 0 1.413-.587T19 10q0-.75-.475-1.312T17.3 8l-.75-.1l-.05-.8q-.125-1.725-1.425-2.912T12 3T8.925 4.188T7.5 7.1l-.05.8l-.75.15q-.75.15-1.225.675T5 10q0 .825.588 1.413T7 12m5.05 6.65l3.2-6.25l-.27-.23q-.772.395-1.54.613Q12.674 13 12 13q-.598 0-1.353-.188q-.755-.189-1.54-.643l-.268.231zM12 7.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightIcecreamOutlineRounded(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="M4 10q0-.967.603-1.81q.603-.842 1.882-1.21q.315-2.332 1.92-3.656T12 2t3.595 1.324t1.92 3.657q1.28.367 1.882 1.21Q20 9.033 20 10q0 1.587-1.22 2.427t-2.618.38l-3.39 6.647q-.126.217-.315.323t-.407.106t-.41-.106t-.317-.323l-3.396-6.646q-1.39.517-2.659-.362T4 10m3 2q.375 0 .738-.125t.662-.425l.55-.55l.65.4q.525.35 1.138.525T12 12t1.263-.175T14.4 11.3l.65-.4l.55.55q.3.3.663.425T17 12q.825 0 1.413-.587T19 10q0-.75-.475-1.312T17.3 8l-.75-.1l-.05-.8q-.125-1.725-1.425-2.912T12 3T8.925 4.188T7.5 7.1l-.05.8l-.75.15q-.75.15-1.225.675T5 10q0 .825.588 1.413T7 12m5.05 6.65l3.2-6.25l-.27-.23q-.772.395-1.54.613Q12.674 13 12 13q-.598 0-1.353-.188q-.755-.189-1.54-.643l-.268.231zM12 7.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 10q0-.967.603-1.81q.603-.842 1.882-1.21q.315-2.332 1.92-3.656T12 2t3.595 1.324t1.92 3.657q1.28.367 1.882 1.21Q20 9.033 20 10q0 1.587-1.22 2.427t-2.618.38l-3.39 6.647q-.126.217-.315.323t-.407.106t-.41-.106t-.317-.323l-3.396-6.646q-1.39.517-2.659-.362T4 10m3 2q.375 0 .738-.125t.662-.425l.55-.55l.65.4q.525.35 1.138.525T12 12t1.263-.175T14.4 11.3l.65-.4l.55.55q.3.3.663.425T17 12q.825 0 1.413-.587T19 10q0-.75-.475-1.312T17.3 8l-.75-.1l-.05-.8q-.125-1.725-1.425-2.912T12 3T8.925 4.188T7.5 7.1l-.05.8l-.75.15q-.75.15-1.225.675T5 10q0 .825.588 1.413T7 12m5.05 6.65l3.2-6.25l-.27-.23q-.772.395-1.54.613Q12.674 13 12 13q-.598 0-1.353-.188q-.755-.189-1.54-.643l-.268.231zM12 7.5"/></svg> </template>
CSS
.icon-icecream-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%22M4%2010q0-.967.603-1.81q.603-.842%201.882-1.21q.315-2.332%201.92-3.656T12%202t3.595%201.324t1.92%203.657q1.28.367%201.882%201.21Q20%209.033%2020%2010q0%201.587-1.22%202.427t-2.618.38l-3.39%206.647q-.126.217-.315.323t-.407.106t-.41-.106t-.317-.323l-3.396-6.646q-1.39.517-2.659-.362T4%2010m3%202q.375%200%20.738-.125t.662-.425l.55-.55l.65.4q.525.35%201.138.525T12%2012t1.263-.175T14.4%2011.3l.65-.4l.55.55q.3.3.663.425T17%2012q.825%200%201.413-.587T19%2010q0-.75-.475-1.312T17.3%208l-.75-.1l-.05-.8q-.125-1.725-1.425-2.912T12%203T8.925%204.188T7.5%207.1l-.05.8l-.75.15q-.75.15-1.225.675T5%2010q0%20.825.588%201.413T7%2012m5.05%206.65l3.2-6.25l-.27-.23q-.772.395-1.54.613Q12.674%2013%2012%2013q-.598%200-1.353-.188q-.755-.189-1.54-.643l-.268.231zM12%207.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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%2010q0-.967.603-1.81q.603-.842%201.882-1.21q.315-2.332%201.92-3.656T12%202t3.595%201.324t1.92%203.657q1.28.367%201.882%201.21Q20%209.033%2020%2010q0%201.587-1.22%202.427t-2.618.38l-3.39%206.647q-.126.217-.315.323t-.407.106t-.41-.106t-.317-.323l-3.396-6.646q-1.39.517-2.659-.362T4%2010m3%202q.375%200%20.738-.125t.662-.425l.55-.55l.65.4q.525.35%201.138.525T12%2012t1.263-.175T14.4%2011.3l.65-.4l.55.55q.3.3.663.425T17%2012q.825%200%201.413-.587T19%2010q0-.75-.475-1.312T17.3%208l-.75-.1l-.05-.8q-.125-1.725-1.425-2.912T12%203T8.925%204.188T7.5%207.1l-.05.8l-.75.15q-.75.15-1.225.675T5%2010q0%20.825.588%201.413T7%2012m5.05%206.65l3.2-6.25l-.27-.23q-.772.395-1.54.613Q12.674%2013%2012%2013q-.598%200-1.353-.188q-.755-.189-1.54-.643l-.268.231zM12%207.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/icecream-outline-rounded.svg?color=%231a73e8&size=48
