can I use image instead of svg path in <use> tag?

137
March 02, 2022, at 00:00 AM

I have these codes:

<symbol id="management" viewBox="0 0 512 512">
    <path d="M174.91 70.063h97.505c6.268 0 12.107-3.097 15.621-8.287 3.514-5.19 4.222-11.763 1.895-17.582l-12.935-32.337C274.115 4.654 267.24 0 259.482 0h-71.636c-7.76 0-14.635 4.654-17.516 11.858l-12.935 32.337c-2.327 5.82-1.619 12.393 1.895 17.582s9.353 8.286 15.62 8.286zm-2.502-19.864l12.935-32.337c.412-1.028 1.394-1.693 2.502-1.693h71.636c1.108 0 2.09.665 2.502 1.693l12.935 32.337c.462 1.155.028 2.068-.271 2.511-.299.443-.987 1.185-2.231 1.185H174.91c-1.244 0-1.933-.743-2.231-1.185-.299-.442-.732-1.356-.271-2.511zM177.853 115.874c0-4.466-3.619-8.084-8.084-8.084H94.316c-4.466 0-8.084 3.618-8.084 8.084 0 4.466 3.619 8.084 8.084 8.084h75.453c4.465 0 8.084-3.619 8.084-8.084zM496.836 176.277l-22.163-4.432c-1.332-3.935-2.926-7.781-4.765-11.503l12.537-18.806c4.97-7.456 3.98-17.465-2.356-23.802l-10.369-10.369c-5.945-5.945-15.123-7.185-22.393-3.208V61.979c0-16.344-13.298-29.642-29.642-29.642H309.895c-4.466 0-8.084 3.618-8.084 8.084 0 4.466 3.618 8.084 8.084 8.084h67.369v26.981c-8.639.347-16.037 6.592-17.744 15.13l-4.432 22.162c-3.935 1.332-7.78 2.926-11.504 4.766l-18.805-12.537c-7.457-4.97-17.466-3.979-23.802 2.356l-10.369 10.369c-6.336 6.337-7.326 16.346-2.356 23.802l12.537 18.805c-1.84 3.724-3.434 7.57-4.766 11.504l-22.161 4.432c-8.786 1.757-15.164 9.536-15.164 18.497v14.664c0 8.961 6.378 16.74 15.164 18.497l22.161 4.432c1.332 3.935 2.927 7.78 4.766 11.504l-12.537 18.805c-4.97 7.456-3.98 17.465 2.356 23.802l10.369 10.369c6.337 6.335 16.346 7.329 23.802 2.356l18.805-12.537c3.724 1.84 7.57 3.434 11.504 4.766l4.432 22.161c1.757 8.786 9.536 15.164 18.497 15.164h14.664c8.961 0 16.74-6.378 18.497-15.164l4.432-22.161c3.935-1.332 7.78-2.926 11.504-4.766l18.805 12.537c7.458 4.971 17.467 3.98 23.802-2.356l10.369-10.369c6.336-6.337 7.326-16.346 2.356-23.802l-12.537-18.805c1.84-3.724 3.434-7.57 4.766-11.504l22.161-4.432c8.786-1.757 15.164-9.536 15.164-18.497v-14.664c0-8.959-6.378-16.738-15.164-18.495zM393.432 48.505h24.253c7.43 0 13.474 6.044 13.474 13.474v52.869l-4.045 2.697c-3.724-1.84-7.57-3.434-11.504-4.766l-4.432-22.161c-1.707-8.538-9.105-14.783-17.744-15.13V48.505zm102.4 160.932c0 1.279-.911 2.392-2.167 2.642l-26.877 5.375c-2.985.597-5.38 2.819-6.2 5.749-1.674 5.986-4.069 11.767-7.118 17.181-1.494 2.653-1.37 5.919.318 8.452l15.205 22.807c.71 1.065.568 2.495-.337 3.4l-10.369 10.369c-.905.906-2.334 1.048-3.4.337l-22.807-15.205c-2.534-1.69-5.8-1.811-8.452-.318-5.413 3.049-11.194 5.443-17.181 7.118-2.931.82-5.152 3.215-5.75 6.2l-5.375 26.877c-.25 1.256-1.361 2.167-2.642 2.167h-14.664c-1.279 0-2.392-.911-2.642-2.167l-5.375-26.877c-.597-2.985-2.819-5.38-5.75-6.2-5.986-1.674-11.767-4.069-17.181-7.118-1.235-.695-2.602-1.04-3.968-1.04-1.567 0-3.13.455-4.484 1.358l-22.807 15.205c-1.066.71-2.494.569-3.4-.337l-10.369-10.369c-.905-.904-1.048-2.335-.337-3.4l15.205-22.807c1.688-2.533 1.812-5.799.318-8.452-3.049-5.413-5.443-11.194-7.118-17.181-.82-2.931-3.215-5.152-6.2-5.75l-26.877-5.375c-1.256-.25-2.167-1.361-2.167-2.642v-14.664c0-1.279.911-2.392 2.167-2.642l26.877-5.375c2.985-.597 5.38-2.819 6.2-5.75 1.674-5.986 4.069-11.767 7.118-17.181 1.494-2.653 1.37-5.919-.318-8.452l-15.205-22.807c-.71-1.065-.568-2.495.337-3.4l10.369-10.369c.904-.907 2.333-1.049 3.4-.337l22.807 15.205c2.533 1.689 5.799 1.81 8.452.318 5.413-3.049 11.194-5.443 17.181-7.118 2.931-.82 5.152-3.215 5.75-6.2l5.375-26.877c.25-1.256 1.361-2.167 2.642-2.167h14.664c1.279 0 2.392.911 2.642 2.167l5.375 26.877c.597 2.985 2.819 5.38 5.75 6.2 5.986 1.674 11.767 4.069 17.181 7.118 2.653 1.494 5.919 1.372 8.452-.318l22.807-15.205c1.066-.711 2.495-.569 3.4.337l10.369 10.369c.905.904 1.048 2.335.337 3.4l-15.205 22.807c-1.688 2.533-1.812 5.799-.318 8.452 3.047 5.41 5.442 11.191 7.118 17.182.82 2.93 3.215 5.151 6.2 5.748l26.877 5.375c1.256.25 2.167 1.361 2.167 2.642v14.666z"/>
    <path d="M385.347 158.451c-24.072 0-43.655 19.583-43.655 43.655s19.583 43.655 43.655 43.655c4.466 0 8.084-3.618 8.084-8.084 0-4.466-3.618-8.084-8.084-8.084-15.156 0-27.486-12.33-27.486-27.486s12.33-27.486 27.486-27.486 27.486 12.33 27.486 27.486c0 6.079-1.942 11.837-5.617 16.653-2.709 3.549-2.028 8.622 1.522 11.331 3.549 2.71 8.623 2.026 11.331-1.522 5.844-7.657 8.932-16.809 8.932-26.462.001-24.073-19.582-43.656-43.654-43.656zM94.316 140.126c-4.466 0-8.084 3.618-8.084 8.084 0 4.466 3.619 8.084 8.084 8.084h53.895c4.466 0 8.084-3.618 8.084-8.084 0-4.466-3.618-8.084-8.084-8.084H94.316z"/>
    <path d="M439.242 312.589c-4.466 0-8.084 3.618-8.084 8.084v161.684c0 7.43-6.044 13.474-13.474 13.474H29.642c-7.43 0-13.474-6.044-13.474-13.474V61.979c0-7.43 6.044-13.474 13.474-13.474h24.253v390.737c0 10.401 8.463 18.863 18.863 18.863h226.358c4.466 0 8.084-3.619 8.084-8.084 0-4.466-3.618-8.084-8.084-8.084H72.758c-1.486 0-2.695-1.208-2.695-2.695v-24.253h307.2v24.254c0 1.486-1.208 2.695-2.695 2.695h-43.116c-4.466 0-8.084 3.619-8.084 8.084s3.619 8.084 8.084 8.084h43.116c10.401 0 18.863-8.463 18.863-18.863v-86.232c0-4.466-3.618-8.084-8.084-8.084-4.466 0-8.084 3.618-8.084 8.084v45.81h-307.2V317.98h35.449c4.115 0 7.949 1.843 10.521 5.056l30.17 37.712c5.655 7.07 14.092 11.125 23.147 11.125h57.547c8.602 0 16.768-3.728 22.4-10.23l40.263-46.456c2.924-3.374 2.559-8.48-.815-11.404-3.374-2.923-8.479-2.559-11.404.815l-40.263 46.457c-2.56 2.955-6.27 4.649-10.181 4.649h-57.546c-4.117 0-7.951-1.843-10.521-5.056l-30.17-37.713c-5.657-7.069-14.095-11.124-23.147-11.124h-35.45V210.19h158.451c4.466 0 8.084-3.618 8.084-8.084 0-4.466-3.618-8.084-8.084-8.084H70.063V48.505h67.369c4.466 0 8.084-3.618 8.084-8.084 0-4.466-3.618-8.084-8.084-8.084H29.642C13.298 32.337 0 45.635 0 61.979v420.379C0 498.702 13.298 512 29.642 512h388.042c16.344 0 29.642-13.298 29.642-29.642V320.674c0-4.466-3.618-8.085-8.084-8.085z"/>
</symbol>
    
<g class="icon-wrapper">
    <circle r="38" cx="325" cy="175"></circle>
    <circle r="38" cx="325" cy="175" class="shadow"></circle>
    <use x="304" y="154" width="42" height="42" xlink:href="#management"></use>
</g>

And I want to place an image inside of the icon-wrapper instead of the use tag but its not working with img tag and the image not showing. how should I do it?

Rent Charter Buses Company
READ ALSO
&quot;page-break-before: always&quot; not working as intended after updating chrome from v97 to v98

"page-break-before: always" not working as intended after updating chrome from v97 to v98

https://cbbanalyticscom/stats/27694/games/1864019/overview - page-break-before is not working as intended on this page following chrome update from v97 to v98

122
Make div bigger then its parent [duplicate]

Make div bigger then its parent [duplicate]

is there any way how can I make div bigger then its parent? I know its bad practiceBasically I have div that is small and I need to create div inside which will be through entire window

226
How do I stop &quot;Type &#39;/&#39; from your saved info&quot; (on Edge) from appearing on my site&#39;s search field?

How do I stop "Type '/' from your saved info" (on Edge) from appearing on my site's search field?

I recently added a location search field on my site which shows suggestions based on what you type, but on Microsoft edge, a menu pops up on clicking on the input fieldHow can I disable this menu from appearing on just this input field of my site?

197
I want to display the message when I push send button. And want be reset message form

I want to display the message when I push send button. And want be reset message form

I am making a contact form using Reactjs and emailjs, but I input a form that says "Message sent !!" after sending a message and "Failed to send message!" When the message cannot be sent

181