Siva,
For that you have to modify the Widget.js file (lines 5, 9, 31, 32 and 41). Also add this css rule with the earlier one:
.esriDMTStopDestination .esriRouteIcon {
background-image: url(../images/bluePoint.png);
}
...
'dojo/Deferred',
'dojo/promise/all',
'jimu/portalUtils',
'esri/symbols/PictureMarkerSymbol'
],
function(declare, BaseWidget, Directions, Locator, RouteParameters, esriRequest, graphicsUtils,
ArcGISDynamicMapServiceLayer, on, lang, html, array, dojoConfig, Deferred, all, portalUtils,
PictureMarkerSymbol) {
...
startup: function(){
this.inherited(arguments);
this.portal = portalUtils.getPortal(this.appConfig.portalUrl);
this._preProcessConfig().then(lang.hitch(this, function(){
var routeParams = new RouteParameters();
var routeOptions = this.config.routeOptions;
if(routeOptions){
if(routeOptions.directionsLanguage){
routeParams.directionsLanguage = routeOptions.directionsLanguage;
}
else{
routeParams.directionsLanguage = dojoConfig.locale || "en_us";
}
routeParams.directionsLengthUnits = routeOptions.directionsLengthUnits;
routeParams.directionsOutputType = routeOptions.directionsOutputType;
if(routeOptions.impedanceAttribute){
routeParams.impedanceAttribute = routeOptions.impedanceAttribute;
}
}
var toSym = new PictureMarkerSymbol('https://js.arcgis.com/3.23/esri/dijit/images/Directions/bluePoint.png', 21, 29);
toSym.setOffset(0,12);
var options = {
map: this.map,
searchOptions: this.config.searchOptions,
routeParams: routeParams,
routeTaskUrl: this.config.routeTaskUrl,
dragging: true,
showClearButton: true,
mapClickActive: true,
toSymbol: toSym
};
...
Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.