JSFiddle - React, Tailwind, and code Playground

by Sillvva

HTML

<img src='data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="17px" height="10px" viewBox="0 0 17 10"><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="nav/desktop/blank" transform="translate(-1408.000000, -33.000000)" fill="rgb(0,92,152)"><g id="nav_desktop"><g id="dropdown_arrow" transform="translate(1408.000000, 33.000000)"><path d="M8.93252165,8.88873304 C8.68369617,9.15199184 8.2691897,9.17431954 7.99324174,8.93444164 L0.238213457,2.1930984 C-0.0450096629,1.9468963 -0.0750211276,1.51771236 0.171180974,1.23448924 C0.417383076,0.951266117 0.846567017,0.921254652 1.12979014,1.16745675 L8.44138965,7.52333325 L15.8702099,1.06555836 C16.153433,0.819356258 16.5826169,0.849367722 16.828819,1.13259084 C17.0750211,1.41581396 17.0450097,1.8449979 16.7617865,2.0912 L9.00675826,8.83254325 C8.9829769,8.85321607 8.95816645,8.87194146 8.93252165,8.88873304 Z"></path></g></g></g></g></svg>'>

<svg width="17px" height="10px" viewBox="0 0 17 10"><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="nav/desktop/blank" transform="translate(-1408.000000, -33.000000)" fill="rgb(0,92,152)"><g id="nav_desktop"><g id="dropdown_arrow" transform="translate(1408.000000, 33.000000)"><path d="M8.93252165,8.88873304 C8.68369617,9.15199184 8.2691897,9.17431954 7.99324174,8.93444164 L0.238213457,2.1930984 C-0.0450096629,1.9468963 -0.0750211276,1.51771236 0.171180974,1.23448924 C0.417383076,0.951266117 0.846567017,0.921254652 1.12979014,1.16745675 L8.44138965,7.52333325 L15.8702099,1.06555836 C16.153433,0.819356258 16.5826169,0.849367722 16.828819,1.13259084 C17.0750211,1.41581396 17.0450097,1.8449979 16.7617865,2.0912 L9.00675826,8.83254325 C8.9829769,8.85321607 8.95816645,8.87194146 8.93252165,8.88873304 Z"></path></g></g></g></g></svg>