Skip to content

Instantly share code, notes, and snippets.

@delaneyj

delaneyj/dangerous.jsx

Created April 7, 2020 18:13
Show Gist options
  • Save delaneyj/6080f649d6751a3da02442d47b177e72 to your computer and use it in GitHub Desktop.
Save delaneyj/6080f649d6751a3da02442d47b177e72 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dangerous.jsx
const svgRaw = `
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="300" height="300">
<path fill="#fff" class="prefix__logo-background-square" d="M0 0h300v300H0z"/>
<linearGradient gradientTransform="rotate(25)" id="prefix__a" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#4e1a70"/>
<stop offset="100%" stop-color="#2b4cf2"/>
</linearGradient>
<svg viewBox="0 0 100 100" fill="url(#prefix__a)" transform="matrix(.75 0 0 .75 38.368 37.503)">
<path d="M83.764 69.013c0 3.451-.812 6.854-2.42 10.239a24.341 24.341 0 0 1-6.752 8.562c-3.164 2.537-6.869 4.517-11.086 5.938-4.229 1.439-9.305 2.151-15.264 2.151-3.92 0-7.68-.979-11.342-2.312-2.011-.733-4.082-1.39-5.962-2.43-1.132-.626-2.191-1.398-3.251-2.141-2.992-2.095-5.667-4.637-7.995-7.447a34.25 34.25 0 0 1-2.205-2.983 46.186 46.186 0 0 1-1.028-1.635c-.225-.371-.995-1.26-.995-1.684v-1.202h.828c4.485 3.725 9.662 6.603 15.536 8.614 5.872 2.031 11.373 3.047 16.533 3.047 7.293 0 12.981-1.37 17.042-4.113 4.061-2.741 6.107-6.378 6.107-10.948 0-3.926-.963-6.82-2.893-8.682-1.928-1.861-4.838-3.317-8.766-4.35-2.979-.795-6.209-1.437-9.679-1.963-3.47-.507-7.142-1.167-11.035-1.964-7.852-1.657-13.672-4.5-17.463-8.526-3.791-4.029-5.67-9.275-5.67-15.74 0-7.412 3.132-13.487 9.394-18.243 6.26-4.737 14.214-7.107 23.86-7.107 3.615 0 7.23.2 10.814.663 2.973.382 6.145.832 8.932 1.986 3.834 1.589 6.51 5.1 6.162 9.366-.016.203-.031.407-.066.61l-.627 4.111-.625 4.08c.66.854 1.316 1.711 1.98 2.562.521.667 1.047 1.334 1.564 2.005.438.569.854 1.524 1.51 1.873 1.002.531 2.688.323 3.795.481a.84.84 0 0 1 .729.948c-.051.474-.475.795-.949.745l-.846-.103c-.779-.155-1.699-.306-2.498-.308-.316 1.041-.346 2.24-.461 3.321a.825.825 0 0 1-.949.728.835.835 0 0 1-.729-.948c.135-1.041.771-2.909.426-3.908-.275-.79-1.07-1.397-1.58-2.036-.566-.716-1.113-1.453-1.67-2.179-.307-.407-1.564-2.63-2.084-2.708l-7.258-1.1c-2.154-.327-3.941-1.38-5.406-2.973-1.473-1.602-1.879-3.546-2.197-5.628-.189-1.263-1.723-1.135-2.688-1.239-1.777-.194-3.561-.178-5.346-.178-6.297 0-11.374 1.321-15.198 3.943-3.825 2.606-5.736 5.974-5.736 10.103 0 3.689.948 6.583 2.86 8.683 1.895 2.115 5.246 3.723 10.052 4.823 2.538.559 6.143 1.234 10.813 2.031 4.688.794 8.648 1.606 11.914 2.436 6.584 1.744 11.541 4.383 14.857 7.903 3.335 3.538 5.011 8.479 5.011 14.826z"/>
<path d="M83.764 69.013c0 3.451-.812 6.854-2.42 10.239a24.341 24.341 0 0 1-6.752 8.562c-3.164 2.537-6.869 4.517-11.086 5.938-4.229 1.439-9.305 2.151-15.264 2.151-3.92 0-7.68-.979-11.342-2.312-2.011-.733-4.082-1.39-5.962-2.43-1.132-.626-2.191-1.398-3.251-2.141-2.992-2.095-5.667-4.637-7.995-7.447a34.25 34.25 0 0 1-2.205-2.983 46.186 46.186 0 0 1-1.028-1.635c-.225-.371-.995-1.26-.995-1.684v-1.202h.828c4.485 3.725 9.662 6.603 15.536 8.614 5.872 2.031 11.373 3.047 16.533 3.047 7.293 0 12.981-1.37 17.042-4.113 4.061-2.741 6.107-6.378 6.107-10.948 0-3.926-.963-6.82-2.893-8.682-1.928-1.861-4.838-3.317-8.766-4.35-2.979-.795-6.209-1.437-9.679-1.963-3.47-.507-7.142-1.167-11.035-1.964-7.852-1.657-13.672-4.5-17.463-8.526-3.791-4.029-5.67-9.275-5.67-15.74 0-7.412 3.132-13.487 9.394-18.243 6.26-4.737 14.214-7.107 23.86-7.107 3.615 0 7.23.2 10.814.663 2.973.382 6.145.832 8.932 1.986 3.834 1.589 6.51 5.1 6.162 9.366-.016.203-.031.407-.066.61l-.627 4.111-.625 4.08c.66.854 1.316 1.711 1.98 2.562.521.667 1.047 1.334 1.564 2.005.438.569.854 1.524 1.51 1.873 1.002.531 2.688.323 3.795.481a.84.84 0 0 1 .729.948c-.051.474-.475.795-.949.745l-.846-.103c-.779-.155-1.699-.306-2.498-.308-.316 1.041-.346 2.24-.461 3.321a.825.825 0 0 1-.949.728.835.835 0 0 1-.729-.948c.135-1.041.771-2.909.426-3.908-.275-.79-1.07-1.397-1.58-2.036-.566-.716-1.113-1.453-1.67-2.179-.307-.407-1.564-2.63-2.084-2.708l-7.258-1.1c-2.154-.327-3.941-1.38-5.406-2.973-1.473-1.602-1.879-3.546-2.197-5.628-.189-1.263-1.723-1.135-2.688-1.239-1.777-.194-3.561-.178-5.346-.178-6.297 0-11.374 1.321-15.198 3.943-3.825 2.606-5.736 5.974-5.736 10.103 0 3.689.948 6.583 2.86 8.683 1.895 2.115 5.246 3.723 10.052 4.823 2.538.559 6.143 1.234 10.813 2.031 4.688.794 8.648 1.606 11.914 2.436 6.584 1.744 11.541 4.383 14.857 7.903 3.335 3.538 5.011 8.479 5.011 14.826z"/>
</svg>
</svg>
`
export default function Dangerous() {
const wrapper = (<div />) as HTMLDivElement
wrapper.innerHTML = svgRaw
return wrapper
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment