pin history icon
pin-history from Material Symbols by Google · Regular · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- pin-history
- Set
- Material Symbols
- Style
- Regular
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- pin-history-outline, pin-history-outline-rounded, pin-history-outline-sharp, pin-history-rounded, pin-history-sharp
The same icon in other sets
More maps icons from Material Symbols
Use the pin history icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m14 13.5l-3-3V6h2v3.675l2.4 2.425zM4 10.025h2q0 .9.238 1.738t.737 1.562q.7 1.05 1.6 1.925t1.775 1.775q.45.475.838.95t.787.975q.35-.5.763-.975t.837-.95q.875-.9 1.788-1.762T17 13.325q.5-.725.75-1.575t.25-1.725q0-2.5-1.763-4.262T11.976 4q-1.275 0-2.437.525T7.55 6H9v2H4V3h2v1.725Q7.125 3.4 8.688 2.7t3.287-.7q3.35 0 5.688 2.338T20 10.025q0 1.2-.35 2.325t-1 2.1q-.9 1.35-2.075 2.45t-2.225 2.3q-.4.475-.737.95t-.613 1l-.175.35q-.125.25-.35.375T12 22q-.275 0-.5-.137t-.35-.363l-.175-.35q-.275-.525-.6-1.012T9.65 19.2Q8.6 17.95 7.4 16.888T5.325 14.45q-.7-.95-1.012-2.087T4 10.025"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsPinHistory(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="m14 13.5l-3-3V6h2v3.675l2.4 2.425zM4 10.025h2q0 .9.238 1.738t.737 1.562q.7 1.05 1.6 1.925t1.775 1.775q.45.475.838.95t.787.975q.35-.5.763-.975t.837-.95q.875-.9 1.788-1.762T17 13.325q.5-.725.75-1.575t.25-1.725q0-2.5-1.763-4.262T11.976 4q-1.275 0-2.437.525T7.55 6H9v2H4V3h2v1.725Q7.125 3.4 8.688 2.7t3.287-.7q3.35 0 5.688 2.338T20 10.025q0 1.2-.35 2.325t-1 2.1q-.9 1.35-2.075 2.45t-2.225 2.3q-.4.475-.737.95t-.613 1l-.175.35q-.125.25-.35.375T12 22q-.275 0-.5-.137t-.35-.363l-.175-.35q-.275-.525-.6-1.012T9.65 19.2Q8.6 17.95 7.4 16.888T5.325 14.45q-.7-.95-1.012-2.087T4 10.025"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m14 13.5l-3-3V6h2v3.675l2.4 2.425zM4 10.025h2q0 .9.238 1.738t.737 1.562q.7 1.05 1.6 1.925t1.775 1.775q.45.475.838.95t.787.975q.35-.5.763-.975t.837-.95q.875-.9 1.788-1.762T17 13.325q.5-.725.75-1.575t.25-1.725q0-2.5-1.763-4.262T11.976 4q-1.275 0-2.437.525T7.55 6H9v2H4V3h2v1.725Q7.125 3.4 8.688 2.7t3.287-.7q3.35 0 5.688 2.338T20 10.025q0 1.2-.35 2.325t-1 2.1q-.9 1.35-2.075 2.45t-2.225 2.3q-.4.475-.737.95t-.613 1l-.175.35q-.125.25-.35.375T12 22q-.275 0-.5-.137t-.35-.363l-.175-.35q-.275-.525-.6-1.012T9.65 19.2Q8.6 17.95 7.4 16.888T5.325 14.45q-.7-.95-1.012-2.087T4 10.025"/></svg> </template>
CSS
.icon-pin-history {
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%22m14%2013.5l-3-3V6h2v3.675l2.4%202.425zM4%2010.025h2q0%20.9.238%201.738t.737%201.562q.7%201.05%201.6%201.925t1.775%201.775q.45.475.838.95t.787.975q.35-.5.763-.975t.837-.95q.875-.9%201.788-1.762T17%2013.325q.5-.725.75-1.575t.25-1.725q0-2.5-1.763-4.262T11.976%204q-1.275%200-2.437.525T7.55%206H9v2H4V3h2v1.725Q7.125%203.4%208.688%202.7t3.287-.7q3.35%200%205.688%202.338T20%2010.025q0%201.2-.35%202.325t-1%202.1q-.9%201.35-2.075%202.45t-2.225%202.3q-.4.475-.737.95t-.613%201l-.175.35q-.125.25-.35.375T12%2022q-.275%200-.5-.137t-.35-.363l-.175-.35q-.275-.525-.6-1.012T9.65%2019.2Q8.6%2017.95%207.4%2016.888T5.325%2014.45q-.7-.95-1.012-2.087T4%2010.025%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%22m14%2013.5l-3-3V6h2v3.675l2.4%202.425zM4%2010.025h2q0%20.9.238%201.738t.737%201.562q.7%201.05%201.6%201.925t1.775%201.775q.45.475.838.95t.787.975q.35-.5.763-.975t.837-.95q.875-.9%201.788-1.762T17%2013.325q.5-.725.75-1.575t.25-1.725q0-2.5-1.763-4.262T11.976%204q-1.275%200-2.437.525T7.55%206H9v2H4V3h2v1.725Q7.125%203.4%208.688%202.7t3.287-.7q3.35%200%205.688%202.338T20%2010.025q0%201.2-.35%202.325t-1%202.1q-.9%201.35-2.075%202.45t-2.225%202.3q-.4.475-.737.95t-.613%201l-.175.35q-.125.25-.35.375T12%2022q-.275%200-.5-.137t-.35-.363l-.175-.35q-.275-.525-.6-1.012T9.65%2019.2Q8.6%2017.95%207.4%2016.888T5.325%2014.45q-.7-.95-1.012-2.087T4%2010.025%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/pin-history.svg?color=%231a73e8&size=48
