Add a just-the-cone variant, with correctly working svg

The SVG needed some serious massaging. Affinity doesn't want to export
svgs with clip paths, for some reason, and rasterizes them. Clip paths
however work in Firefox, BUT they cannot have style tags, which cause
the clipped region to vanish.

I made this by taking the logo with text (which has the soft drip),
removing the text, exporting to svg with nothing removed, then fixing it
in inkscape so it actually works in the browser, then finally running it
through svgo.
This commit is contained in:
jade 2024-06-23 19:37:07 -07:00
parent fc965d530b
commit df59e59921
8 changed files with 192 additions and 0 deletions

1
.gitignore vendored
View file

@ -1 +1,2 @@
*~lock~ *~lock~
*~lock*

BIN
logos/just-the-cone.afdesign (Stored with Git LFS) Normal file

Binary file not shown.

BIN
logos/renders/just-the-cone-1200x-square.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
logos/renders/just-the-cone-1200x.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
logos/renders/just-the-cone-400x-square.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
logos/renders/just-the-cone-400x.png (Stored with Git LFS) Normal file

Binary file not shown.

View file

@ -0,0 +1,175 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="312.23987"
height="450.58206"
viewBox="0 0 312.23987 450.58206"
version="1.1"
xml:space="preserve"
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5"
id="svg17"
sodipodi:docname="just-the-cone-inkscape.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs17"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath-icecream"><path
d="m 1637.93,1186.08 c 0,0 -50.71,-3.27 -47.42,-38.49 1.34,-14.32 28.98,-46.82 28.98,-46.82 0,0 -55.15,-21 -58.36,-39.86 -4.63,-27.24 9.22,-65.73699 9.22,-65.73699 0,0 -20.86,-28.93101 -15.96,-49.144 5.34,-22.043 48.02,-83.11202 48.02,-83.11202 0,0 -2.12,-65.92098 14.76,-94.328 15.65,-26.333 86.52,-76.11298 86.52,-76.11298 0,0 78.14,-72.91401 96.92,-101.18401 17.73,-26.696 35.01,-41.186 44.01,-47.595 4.03,-2.869 6.39,-4.118 6.39,-4.118 0.32,0.086 1.92,-19.528 27.93,-33.411 11.61,-6.193 70.49,47.949 78.76,69.204 6.64,17.077 24.83,31.924 29.24,51.297 7.75,34.033 -1.05,70.283 -3.7,73.031 0,0 46.74,16.49201 57.46,34.14701 10.17,16.75499 6.84,71.77999 6.84,71.77999 0,0 37.46,32.954 40.18,58.18 2.74,25.435 -23.73,94.429 -23.73,94.429 0,0 14.58,49.734 14.36,71.524 -0.22,22.42 -15.69,63.05 -15.69,63.05 l -110.46,80.21 -118.66,17.4 -107.48,18.7 z"
id="clip-icecream"
inkscape:label="clip-icecream"
style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:1.5" /></clipPath></defs><sodipodi:namedview
id="namedview17"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="0.99260044"
inkscape:cx="-121.90202"
inkscape:cy="289.13951"
inkscape:window-width="2560"
inkscape:window-height="1440"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="Layer4" />
<g
id="Layer4"
transform="translate(-73.384839,30.809367)">
<g
transform="matrix(0.185492,0.596467,-2.3995,0.630106,4205.73,-1815.46)"
id="g1">
<path
d="m 1721.79,1833.84 h -87.94 v -7.33 h 106.74 c -6.6,2.61 -12.94,5.08 -18.8,7.33 z"
style="fill:#ffffff"
id="path1" />
</g>
<g
transform="matrix(-0.233781,0.900691,-3.41068,-0.747529,6981.17,176.144)"
id="g2">
<path
d="m 1760.11,1825.96 c 3.92,0.3 13.51,4.28 20.64,6.16 6.33,1.67 7.5,4.66 12.59,6.66 l -0.07,0.01 c 1.65,0.62 3.07,1.28 4.22,1.98 10.89,6.6 2.31,26.75 3.02,41.59 0.11,2.47 0.76,0.61 -0.49,2.55 l -22.98,3.74 c 0.57,-1.98 3.72,-4.54 4.26,-6.82 3.36,-14.25 5.32,-33.06 -4.6,-41.43 -0.12,0.01 -0.25,0.02 -0.38,0.03 -0.81,-0.51 -1.62,-1 -2.44,-1.47 -3.14,-1.78 -6.72,-3.49 -10.63,-5.12 h -129.4 l -5.5,-7.49 z"
style="fill:#ffffff"
id="path2" />
</g>
<g
id="icecream"
transform="matrix(0.558128,0,0,0.512874,-786.711,-283.656)"
clip-path="url(#clipPath-icecream)"
inkscape:label="icecream">
<g
id="g12">
<g
transform="matrix(-0.742304,-2.31103,-2.31103,0.742304,2527.45,1303.5)"
id="g3">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 c 25.793,-2.07 25.966,-5.953 70.722,10.366 l -61.89,-30.497 17.639,-23.865 28.844,-51.298 -25.193,-42.536"
style="fill:#b55690"
id="path3" />
</g>
<g
transform="matrix(1.46017,-1.93901,-1.93901,-1.46017,1719.38,1674.41)"
id="g4">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 84.159,0.365 13.327,-21.359 -12.232,-22.089 -58.783,-0.913 28.844,-51.298 -25.193,-42.536"
style="fill:#a30262"
id="path4" />
</g>
<g
transform="matrix(-0.809208,-2.28846,2.28846,-0.809208,1644.02,1739.14)"
id="g5">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 84.159,0.365 13.327,-21.359 -12.232,-22.089 -58.783,-0.913 28.844,-51.298 -25.193,-42.536"
style="fill:#d162a4"
id="path5" />
</g>
<g
transform="matrix(0.856068,-2.27135,-2.27135,-0.856068,2040.92,1787.52)"
id="g6">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 84.159,0.365 13.327,-21.359 -12.232,-22.089 -58.783,-0.913 28.844,-51.298 -25.193,-42.536"
style="fill:#b55690"
id="path6" />
</g>
<g
transform="matrix(-1.46017,-1.93901,1.93901,-1.46017,1921.94,1901.23)"
id="g7">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 84.159,0.365 13.327,-21.359 -12.232,-22.089 -58.783,-0.913 28.844,-51.298 -25.193,-42.536"
style="fill:#a30262"
id="path7" />
</g>
<g
transform="matrix(1.54799,-2.17474,-1.97751,-1.4076,1747.15,2066.13)"
id="g8">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 84.159,0.365 13.327,-21.359 -12.232,-22.089 -58.783,-0.913 28.844,-51.298 -25.193,-42.536"
style="fill:#d162a4"
id="path8" />
</g>
<g
transform="matrix(-2.03934,-1.31643,1.31643,-2.03934,2181.77,1956.35)"
id="g9">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 84.159,0.365 13.327,-21.359 -12.232,-22.089 -58.301,-1.199 28.362,-51.012 -25.193,-42.536"
style="fill:#b55690"
id="path9" />
</g>
<g
transform="matrix(1.03914,-2.19364,-2.19364,-1.03914,1948.39,2115.13)"
id="g10">
<path
d="m 209.42,384.222 59.03,-15.376 86.091,-151.903 84.159,0.365 13.327,-21.359 -12.232,-22.089 -58.783,-0.913 28.844,-51.298 -25.193,-42.536"
style="fill:#a30262"
id="path10" />
</g>
</g>
</g>
<g
transform="matrix(0.558128,0,0,0.512874,-786.711,-283.656)"
id="g20"
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5">
<path
d="m 1637.93,1186.08 c 0,0 -50.71,-3.27 -47.42,-38.49 1.34,-14.32 28.98,-46.82 28.98,-46.82 0,0 -55.15,-21 -58.36,-39.86 -4.63,-27.24 9.22,-65.737 9.22,-65.737 0,0 -20.86,-28.931 -15.96,-49.144 5.34,-22.043 48.02,-83.112 48.02,-83.112 0,0 -2.12,-65.921 14.76,-94.328 15.65,-26.333 86.52,-76.113 86.52,-76.113 0,0 78.14,-72.914 96.92,-101.184 17.73,-26.696 35.01,-41.186 44.01,-47.595 4.03,-2.869 6.39,-4.118 6.39,-4.118 0.32,0.086 1.92,-19.528 27.93,-33.411 11.61,-6.193 70.49,47.949 78.76,69.204 6.64,17.077 24.83,31.924 29.24,51.297 7.75,34.033 -1.05,70.283 -3.7,73.031 0,0 46.74,16.492 57.46,34.147 10.17,16.755 6.84,71.78 6.84,71.78 0,0 37.46,32.954 40.18,58.18 2.74,25.435 -23.73,94.429 -23.73,94.429 0,0 14.58,49.734 14.36,71.524 -0.22,22.42 -15.69,63.05 -15.69,63.05 l -110.46,80.21 -118.66,17.4 -107.48,18.7 z"
style="fill:none;stroke:#ffffff;stroke-width:24.98px"
id="path20" />
</g><g
transform="matrix(0.558128,0,0,0.512874,-797.271,-301.25)"
id="g14">
<path
d="m 1689.37,1332.69 -43.67,-138.62 c 0,0 40.69,12.13 84.06,9.92 45.6,-2.33 93.99,-18.94 93.63,-16.82 -0.29,1.71 52.62,3.66 104.04,-9.03 2.47,22.43 11.87,112.75 12.76,197.87 -54.9,4.83 -177.93,-26.1 -250.82,-43.32 z"
style="fill:#ef7627"
id="path13" />
</g>
<g
transform="matrix(0.558128,0,0,0.514543,-793.907,-306.524)"
id="g15">
<path
d="m 1934.17,1381.8 c -0.9,-84.85 -10.3,-174.88 -12.77,-197.23 8.86,-2.18 17.68,-4.79 26.17,-7.91 16.8,-6.18 32.48,-14.15 46.37,-22.46 1.59,-0.74 3.09,-1.48 4.47,-2.2 15.95,-8.38 41.79,-30.31 56.17,-43 -2.22,10.41 -23.87,112.31 -51.25,240.68 -4.04,4.6 -8.57,9.44 -13.53,14.26 -15.48,8.32 -32.5,14.78 -50.4,17.27 -1.66,0.23 -3.41,0.43 -5.23,0.59 z"
style="fill:#ff9a56"
id="path14" />
</g>
<g
transform="matrix(0.620127,0.377361,0.631889,-0.876838,17.7852,265.056)"
id="g16">
<path
d="m 370.157,153.247 9.346,21.645 c 0,0 28.724,-45.152 30.353,-53.243 1.034,-5.138 -7.135,-8.7 -15.055,-5.067 -8.085,3.709 -1.564,18.323 -13.557,29.327 z"
style="fill:#d162a4"
id="path15" />
</g>
<g
transform="matrix(-0.669042,0.686776,-0.483936,-0.398089,458.403,117.041)"
id="g17">
<path
d="m 373.097,149.236 -3.51,13.449 11.425,10.262 c 0,0 8.154,-16.228 11.436,-23.857 4.075,-9.472 13.016,-32.976 13.016,-32.976 -0.048,-0.084 2.375,-16.098 2.375,-16.098 0,0 -9.722,19.509 -13.526,28.616 -3.439,8.23 -9.344,12.047 -13.069,17.277 -3.597,5.049 -8.147,3.327 -8.147,3.327 z"
style="fill:#a30262"
id="path16" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 8.7 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.6 KiB