Skip to content

Instantly share code, notes, and snippets.

@alexmwalker
Last active January 18, 2024 03:26
Show Gist options
  • Save alexmwalker/1353ac348364e12b480b74f8633dff5b to your computer and use it in GitHub Desktop.
Save alexmwalker/1353ac348364e12b480b74f8633dff5b to your computer and use it in GitHub Desktop.
Icon contact sheet using views
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 90 450">
<view viewBox="0 0 90 90"/>
<view viewBox="0 90 90 90"/>
<view viewBox="0 180 90 90"/>
<view viewBox="0 270 90 90"/>
<view viewBox="0 360 90 90"/>
<g stroke="#4b4b4b" transform="translate(-.57 -.3)">
<path fill="#4B4B4B" d="M78.23 208.19a8.7 8.7 0 0 0-6.06-6.1c-5.36-1.45-17.85-1.45-26.8-1.45s-21.44 0-26.81 1.45a8.72 8.72 0 0 0-6.06 6.1c-1.43 5.39-1.43 16.62-1.43 16.62s0 11.23 1.43 16.62a8.72 8.72 0 0 0 6.06 6.1c5.37 1.45 26.81 1.45 26.81 1.45s21.44 0 26.8-1.45a8.69 8.69 0 0 0 6.06-6.1c1.44-5.39 1.44-16.62 1.44-16.62s0-11.23-1.44-16.62Z"/>
<path fill="#FEFEFE" d="M38.35 235.01v-20.4l17.93 10.2-17.93 10.2Z"/>
</g>
<path fill="#4B4B4B" d="M74.24 371.1H15.77a5.06 5.06 0 0 0-5.06 5.07v58.47a5.06 5.06 0 0 0 5.06 5.07h58.47a5.07 5.07 0 0 0 5.07-5.07v-58.47a5.06 5.06 0 0 0-5.07-5.06Zm-43.09 58.45H20.84v-32.77h10.31v32.77Zm-8.44-38.32a5.97 5.97 0 0 1-2.5-6.08 6 6 0 0 1 8.09-4.3 6.05 6.05 0 0 1 3.21 7.76 6 6 0 0 1-8.8 2.62Zm46.46 38.34H58.86v-17.9c0-5.27-2.24-6.9-5.14-6.9-3.06 0-6.06 2.3-6.06 7.04v17.76H37.35v-32.76h9.91v4.54h.14c1-2.02 4.48-5.46 9.8-5.46 5.76 0 11.97 3.41 11.97 13.42v20.26Z"/>
<g fill="#4B4B4B" transform="translate(-.57 -.3)">
<path d="M58.47 287.57c3.35.15 5.16.72 6.37 1.18a11.35 11.35 0 0 1 6.5 6.5c.47 1.2 1.03 3.03 1.18 6.37.16 3.61.2 4.7.2 13.85 0 9.16-.04 10.25-.2 13.85a18.8 18.8 0 0 1-1.18 6.37 11.35 11.35 0 0 1-6.5 6.5c-1.2.46-3.03 1.03-6.37 1.18-9.2.4-18.5.4-27.7 0a18.79 18.79 0 0 1-6.37-1.18 11.35 11.35 0 0 1-6.5-6.5 18.87 18.87 0 0 1-1.18-6.37c-.4-9.2-.4-18.5 0-27.7a18.8 18.8 0 0 1 1.18-6.37 11.36 11.36 0 0 1 6.5-6.5c1.2-.46 3.03-1.03 6.37-1.18 9.2-.4 18.5-.4 27.7 0Zm-27.99-6.17c-3.64.16-6.14.75-8.31 1.6a17.73 17.73 0 0 0-10.05 10.03 25.14 25.14 0 0 0-1.6 8.32c-.41 9.4-.41 18.88 0 28.28.16 3.65.75 6.15 1.6 8.32A17.65 17.65 0 0 0 22.15 348c2.19.84 4.68 1.43 8.32 1.6 3.66.15 4.83.2 14.14.2 9.3 0 10.47-.05 14.13-.2 3.65-.17 6.15-.76 8.32-1.6a17.6 17.6 0 0 0 10.02-10.02 25.14 25.14 0 0 0 1.6-8.33c.16-3.65.2-4.82.2-14.13s-.04-10.48-.2-14.13a25.07 25.07 0 0 0-1.6-8.32A17.34 17.34 0 0 0 67.1 283a25.12 25.12 0 0 0-8.32-1.6 310.6 310.6 0 0 0-28.29-.01Z"/>
<path d="M44.62 297.88a17.62 17.62 0 1 0 .01 35.25 17.62 17.62 0 0 0-.01-35.25Zm0 29.05a11.43 11.43 0 1 1 0-22.87 11.43 11.43 0 0 1 0 22.87ZM67.05 297.18a4.11 4.11 0 1 1-8.23 0 4.11 4.11 0 0 1 8.23 0Z"/>
</g>
<path fill="#4B4B4B" d="M62.94 106.02h9.64l-21.06 24.07 24.78 32.76H56.89l-15.2-19.88-17.38 19.88h-9.65l22.52-25.74-23.76-31.09H33.3l13.74 18.15 15.9-18.15Zm-3.39 51.06h5.35l-34.5-45.6h-5.72l34.87 45.6Z"/>
<g transform="translate(-.57 -.3)">
<path fill="#4B4B4B" d="M79.6 45.36A34.3 34.3 0 1 0 37 78.66V55.83h-7.07V45.36h7.07v-4.52c0-11.67 5.29-17.08 16.75-17.08 2.17 0 5.92.43 7.46.85v9.5c-.81-.08-2.22-.13-3.97-.13-5.62 0-7.8 2.14-7.8 7.67v3.71h11.21l-1.92 10.48h-9.28v23.57A34.3 34.3 0 0 0 79.6 45.36Z"/>
<path fill="white" d="m58.73 55.84 1.93-10.48h-11.2v-3.7c0-5.54 2.17-7.67 7.8-7.67 1.74 0 3.15.04 3.95.12v-9.5a37.78 37.78 0 0 0-7.45-.85C42.3 23.76 37 29.17 37 40.84v4.52h-7.07v10.48h7.07v22.81a34.36 34.36 0 0 0 12.44.76V55.84h9.28Z"/>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment