Hi Guys

I am trying to converta picture i Have on inkscape to take a cut path for my shaper origin. Can anyone point me in the direction of a good tutorial to teach the set up for a cut path?

Hi all. Any chance you could help with a simple edit (removing the words "Minnesota Timberwolves" from this SVG file, and being left with an SVG file of the remaining circular image)?

https://seeklogo.com/vector-logo/493238/minnesota-timberwolves-1989-1995

Thanks!

If I haven't lost my mind already, I'm close.

I'm trying to upload a set of custom SVG icons to Fontello. I've created the SVGs in Illustrator. They have proper compound paths and are not colored. I have tried every possible combination of export settings available to me in the AI Export dialogue; still, upon importing them into the Fontello interface, I receive one of three errors:

skipped tags and attributes: class
skipped tags and attributes: style
skipped tags and attributes: fill

What is going on? Surely there must be a version of this file that contains all the needed tags. Can anyone tell me what might be going wrong? Thanks in advance for your patience and insight.

I have this svg can somebody change this svg name ko Krtk ( Alex = Krtk)

I have an SVG image I need slightly tweaked. Can someone please help me?

I'm struggling with interpreting some tags in an SVG that I want to modify. It contains a symbol of a lollipop, plus an 'icon' version of that lollipop. The symbol refers to SVG, the icon stuff to AMF.

In principle, I can modify (rotate, transpose, change, etc.) both symbol and icon, but I'm struggling with the 'bounding box' mechanism. When you rotate the lollipop, it becomes more vertically oriented than horizontal, so in order for this to keep working in the software that is interpreting this SVG, I suppose I need to change the outer 'bounding box' accordingly. But perhaps that's not even the case and can it be done differently.

I have a few questions:

1. how to I rotate the lollipop 90 degrees with the rectangle (for the label) positioned on top of it (when standing) or underneath (when upside down)?
2. what does the innerBoudingBox refer to?
3. what is the purpose of the amf:outline, amf:points and amf:Properties (incuding the zoom level) at the end? It doesn't seem to have a noticeable visual impact. This in contrast with the svg:polyline and svg:ellipse in the first part, which I can edit to change the shape successfully.
4. what does the amf:anchorPoint do?

I've been looking a bit into the svg 1.1 spec to find out the basics, but I can't find references for the amf specific parts, which is I suppose vendor specific stuff.

thanks

The symbol looks something like this:

https://preview.redd.it/4eqkcehva1be1.png?width=136&format=png&auto=webp&s=893fb5925a916b2d6d8e918916aa1de0d8375210

--------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:amf="somethingsomething" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" amf:version="2" amf:innerBoundingBox="254,9,348,134" version="1.1">

<svg:polyline amf:stroke-replaceable="true" fill="none" points="151,75 251,75 " stroke="#000000" stroke-width="2"/>
<svg:ellipse amf:fill-replaceable="true" amf:fill-symboleffectAllowed="false" amf:stroke-replaceable="true" cx="75" cy="75" fill="#afffff" rx="75" ry="75" stroke="#000000" stroke-width="2"/>

<miniAMF fill="none">
<svg:ellipse amf:fill-replaceable="true" amf:fill-symboleffectAllowed="false" amf:stroke-replaceable="true" cx="75" cy="75" fill="#afffff" rx="75" ry="75" stroke="#000000" stroke-width="6"/>
<svg:polyline amf:stroke-replaceable="true" fill="none" points="153,75 228,75 " stroke="#000000" stroke-width="6"/>
</miniAMF>

<amf:outline amf:points="75,0 59,1 45,5 33,12 21,21 12,33 5,45 1,59 0,75 1,90 5,104 12,116 21,128 33,137 45,144 59,148 75,150 90,148 104,144 116,137 128,128 137,116 144,104 148,90 150,75 148,59 144,45 137,33 128,21 116,12 104,5 90,1 75,0 "/>
<amf:outline amf:points="151,75 251,75 "/>
<amf:editorProperties amf:grid="off" amf:zoom="968"/>
<assignmentSymbolBounds amf:anchorPoint="0,0" height="44" width="44" x="-60" y="0"/>
</svg>

A simple tool to make images from a single character or in bulk from a template

https://github.com/metaory/xico

───

https://preview.redd.it/0wdj3y6lvn9e1.jpg?width=946&format=pjpg&auto=webp&s=52773097aa129fd690126affb99e3c7df9ab564b

I want to make some concert tour themed t-shirts. I would love a drawing like this but I have no idea how to create it, search for it or what to even call it. Any ideas?

Greetings friends,

for one reason or another, I've been on the lookout for Star Trek SVGs, particular the symbol of the Federation (aka UFP). Somehow, I keep coming up empty. I can't quite belief nobody build one yet.

Does anyone have any recommendations? That'd be awesome!

\"rect\"

So I have trouble trying to get only the bottom of the cube red (Instead of the bottom blue border I want red). If there are few ways to go about this what would be the most performance efficient for a game, where the cube is movable and what would be the easiest. If there are any resources already I would appreciate it (I have tried simply searching but I don't know what to look for exactly). There were some things I tried with the stroke attribute but it made the cube invisible. (Either made it have no border or it was white since the cube itself was there as an obstacle. The background is currently white as well)

fill: "white",

stroke: "blue",

strokeWidth: 1,

Hello everyone!

I am a variant sudoku setter attempting to set a puzzle based on the golden ratio / fibonacci sequence. I had someone help me with the spiral using SVG which took my puzzle looking like this to looking like this using the following code: M0 512A512 512 0 0 1 512 0a320 320 0 0 1 320 320a192 192 0 0 1 -192 192a128 128 0 0 1 -128 -128a64 64 0 0 1 128 0

However, to get the puzzle to work I need to mirror the image along the middle access, so the before image is now this.

If anyone is able to help, I'd greatly appreciate it! Thanks in advance.

EDIT: I have managed to get something that looks like this by using this code:M0 512A-512 512 0 0 0 -512 0a-320 320 0 0 0 -320 320a-192 192 0 0 0 192 192a-128 128 0 0 0 128 -128a-64 64 0 0 0 -128 0 , so now I believe I just need to adjust the starting position of the line.

2nd EDIT: I managed to do it! M832 512A512 512 0 0 0 320 0a-320 320 0 0 0 -320 320a-192 192 0 0 0 192 192a-128 128 0 0 0 128 -128a-64 64 0 0 0 -128 0 resulted in this and I think I'm done. Leaving this for posterity, I guess, in case someone theoretically in the future also needs this? Seems unlikely, but whatever.

Can anyone help me turn this into a simple SVG please ??

I've been trying for the past 4 days to get manim to 'draw' a svg step by step and convert it to a video, however, no matter what i try i keep getting 'double lines' (see screenshots). Any way i can fix this?

I tried having a single line path on my svgs, but that doesn't produce desired results. Is there any workarounds?

Thank you so much.

Images:

Input Image: https://ibb.co/xF7xp3b

Output Video/Image: https://preview.redd.it/converting-a-double-path-to-single-path-v0-s10bdoxtkw1e1.png?width=1084&format=png&auto=webp&s=b8e293ca36d1242a6ae422e6ba0ac6ffbcb3242f

I work on a software design team that is refreshing their library of illustrations (all SVG). Currently the style is very flat shapes and the new style is chock full of gradients and blurs, increasing the file size dramatically. I'm wondering if anyone has strategies for using a range of rich, gradient driven illustration in product design while also keeping file size down and usable across all platforms (web, native mobile, etc)?

I'd like maintain our use of vector graphics, but maybe software teams are using bitmap PNGs in this scenario? I dunno but it feels like a step backwards for me. Any advice or experiences greatly appreciated. Cheers.

I'm looking for suggestions for a code editor. I would like to enter SVG code, and be able to see it right away in an adjacent preview window.

• I can also edit the image in the preview window
• Preferably a windows download. Otherwise maybe online.
• Preferably free

I have a pretty basic animation that I'm trying to improve https://precept.sh/images/animated.svg

Right now each animated "spark" starts off in the color that it ends with. What I'm really hoping to do is have them all start as white until the enter the "precept" box, do the transition from white to their respective colors within the box, and finish their journey completely in their final color. However if I transform the colors in transit then the tail also transforms and the effect is lost.

One thing I was thinking was to make the path static with the gradient in place but with an opacity of 0 for its entirety, then have a box with a rgba(0,0,0,0);rgba(0,0,0,0.8);rgba(0,0,0,0) gradient follow it, applying a feCompose:lighter filter so that the alpha channel of the box merges with the invisible path underneath as it moves, and the resulting color will be what I'm looking for. But I can't seem to make it work. I'm not even sure it can work - and if so why not?

Codepen of my idea - The codepen has two copies of what I'm trying to do - one as a reference with full color, and one with ever so slight colors just so we know they're actually there

i want to make a button on the top of a website with the following form:
https://yqnn.github.io/svg-path-editor/#P=M_0_0_C_10_0_27_0_50_30_C_50_30_70_60_100_60_H_300_C_307_60_328_61_350_30_C_350_30_373_0_400_0

do i need svg to achieve this?

thanks in advance.

Hey guys, my name is Juan and I just released a very simple online tool that lets you change the colors of your SVG animation quick and easy. I needed this tool for my work, but I think more people will enjoy it.

I just spent a couple of hours on it today and I'm thinking about adding batch processing and other features.

Anyways here it is https://www.temperamento.net/color-me-bad/

I have a simple rectangle, see code below.

Within it, I would like to dedicate a rectangular area of a fixed size (slightly smaller than the rectangle). In this area, I want to be able to put any SVG object and make it scale with the "outer" rectangle.

I have tried making a <g> tag, <svg> within the outer <svg> etc, but since the images almost always contain fixed x-y values and whatnot, it always ends up outside of my viewBox. I want to draw the image inside relative to the outer rectangle if that makes sense. I have googled around a bit but haven't found anything useful.

The reason is I have a Power BI that should dynamically change the "inner" SVG object based on certain criteria, and I don't want to custom make every inner object relative to the outer object as I have dozens of objects.

TLDR: How can I designate an area within my rectangle (or within my <svg> in general) that will scale any SVG put inside of it regardless of dimensions etc of this object?

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
    <rect x="10" y="10" width="480" height="480" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);"/>
  
</svg>

https://github.com/metaory/glitcher-cli

I have svg file and I have to convert it to square size (without reshaping) and center within this square area and convert to transparent file (for google search). Now its 85x65 px and I want to make it for exmaple 85x85 px and center it vertically since the height is smaller than width. Is there any online tool to do it?