Artemy Hi from svgsprite.com
My name is Artemy. I'm a man who is trying to find himself somewhere between coding and digital art.
My main activity is related to the automation of complex business processes in the field of e-commerce as a software engineer and digital product designer. But this site is just about my little passion – vector graphics, 3D, web animation & small useful web tools.
I'm available for Freelance hire.
Details & Contacts.
A new project
has been released

ChatGPT-Powered desktop application for Brainstorming and Content Management

Grandpa makes notes for future generations with the help of AI.

Utilities to speed up work with vector graphics

SVG sprite generator online.
SVG sprite generator
This utility helps you optimize and merge your vector assets as a reusable React.js component or as ordinary HTML markup according to best practice. These tips inside the generator will help you: "How to use SVG sprites in web development".
Open the App
Simple SVG editor
SVG customizer
It's a simplified tool for batch processing of vector images in the SVG format. The key features: the maximum possible optimization of input data, control of strokes width, global and local color replacement, converting to PNG with different scaling factor, deleting selected elements, correcting content scale and position and simple "One Preset" system to store any global changes. Nothing more.
Open the App
Simple SVG editor
Lottie animation file example
Web animation player for Lottie files
A web tool where you can quickly play your animation files created by using Lottie (Bodymovin) and After Effects. Features: switching between two rendering methods (Canvas and SVG), changing animation speed, viewing on different backgrounds.
It works without uploading to the server, only private usage in your browser.
Updates
There are three new features.
1. 
"Wireframe mode"
. Look for the button in the top right area of the app and try to use "mouse hover" effect to switch between the display modes. This feature and speed control will help you
catch some animation mistakes
and 
study other animator's files
.
2.  
"Playback control"
. Hover your mouse over the animation and click or drag the progress bar.
3.  
"Clean view"
. Move your mouse outside the browser window to hide all user interface elements.
Open the App
Motion graphics for the Web - animation performance tests
Web animation performance tests
I've tested a bit: SVG with pure CSS animation, true vector sprite sheets, Lottie files, GIF animation, HTML5 Video, different ways to connect these technologies, FPS, file sizes and display issues.
Maybe, it will be useful for you at the time of choosing technologies for any front-end projects.

Creative digital assets

I'm really happy to work on non-profit projects. Please, check my digital products, maybe something will be useful for you. Currently I'm sharing everything for free.
Shot number 1

Set of simplified 3d models

Basic simplified 3d models - Table lamp
Simplified 3d models - table lamp outline
17 low-poly 3D models with programmable smoothing.
Minimum of details.
Quads priority.
Symmetrical.
File formats: blend, c4d, abc (alembic).
License: “use it as you want”.
Simple 3d models. Download examples of base meshes
Shot number 2

Box with smooth vector images

I share all my design material. It's a mix of logotypes, stickers, icons and illustration elements. You can use it as you need.
Lazy shaping with high quality smooth vector images
The whole content of the box was created in a fixed color scheme and with a fixed stroke width. You can customize it in any Vector graphics software or by using the free SVG customizer from this website.
Simple SVG editor
A simple image editor is included to the box. It will help you repaint any images in a few clicks.
Set 01.

Modern devices

Modern devices vectors. Spotmini robot, drone, iphone, ipad, imac, smartwatch, stylus, apple pencil, playstation move, nintendo switch
Set 02.

IT logotypes

Vector IT logotypes: angular, basecamp, cordova, docker, evernote, github, mailchimp, polymer, python, react, redux, slack, swift, trello taco, typescript, unity 3d, visual studio, vue, webpack
Set 03.

Data management

Data managment icons. Certificate, checklist, mindmap, prototyping, team, school-bag, business, search, secret, folder, placemark, calendar, books
Set 04.

Shopping

Shopping vector icons. Gift, cashback, payments methods, half, price, pouch, sale, outpost, bitcoin, feedback, handshake, delivery
Set 05.

Youtuber

Youtuber icon set. Gaming, public speech, viral video, video360, target audience, brain, follower, redbutton, storytelling, storyboard, webinar, conference
Set 06.

Vehicles and Construction Equipment

Tesla red roadster, flying saucer, american big truck, airplane, helicopter, oldcar, crane, truck, cargoship, yacht, train, excavator, modern van
Set 07.

Hand tools

Hand tools vectors. Clamp, divider, spatula, two-handed saw, magnifier, small, pencil, pliers, magnet, pin
Set 08.

Other props

Vector stanford bunny, skateboard, lemon, baseball, broken vase, fireflies, magichat, infinitysign, pepper and other props
Set 09.

Animals

Cartoonish animals vectors. Totoro, yeti, snowman, panda, littlebig fish, lamb sheep, birdie, dove, white hare, firefox

Bonus

70
  small basic shapes and symbols to combine these with the box content.
80
  elements of a rounded font used in the shot.
11
  featured color palettes.
All
  presentation assets.

Summary

Currently, there are
250
images in the box. Not counting the bonus shapes.
Three file formats:
Ai
[master files],
optimized SVG
and
PNG
[for each image].
Feel free to mix and transform these assets inside Adobe Illustrator master files to get something more unique.
Shot number 3

Set of background shapes

Examples of creative background shapes. Transparent PNG and optimized SVG
I started to collect my favorite background shapes. Currently, there are 50 items. But I plan to extend this collection and make free updates for all buyers.
File formats: ai, svg, png.
Set of background shapes. Transparent PNG and responsive SVG.

Mini guide. How to make creative icons with original background shapes

Quick guide. How to add creative backgrounds to any vector icons
Shot number 4

SVG importer.
Plugin for Cinema 4D

A simple Cinema 4D plugin to quickly import SVG files from the hard disk or from the OS clipboard. For example, you can copy some vectors from the Adobe Illustrator workspace and paste it into Cinema 4D through the plugin button.
Import SVG to Cinema 4D faster
How to install?
Step one.
Unzip the archive so that the files tree looks like this:
Cinema4D/plugins/SVG-importer/
Step two.
Open Cinema 4D App and go to:
Main menu > Window > Customization > Customize Palettes
Type "SVG" in the name filter field and drag the plugin's icon to any toolbar of the App.
Shot number 5

Material color picker

It's a lightweight and pure JS solution without dependencies to work with colors in front-end. A key feature of the picker is the Material design color palette.
Material design tools - Color picker JS
Material design tools - Color picker JS

Let's work together

You can hire me for your business purposes. My regular rate starts from $20 / hour or by agreement depending on your project.
List of possible tasks
Fullstack web software development from scratch.
✔ DigitalOcean, Linux, SSH, Git, Docker, Nginx, RabbitMQ.
✔ Postgres, Mongo, MySQL, IndexedDB.
✔ JS ES6+, Node, React, Redux, Webpack, Next. Sometimes: Python, Java, PHP, Electron.
✔ Working with the API of large platforms such as Shopify, ShipStation, PayPal.
✔ Google Material Design & Shopify Polaris frameworks.
✔ Deep dive into SVG, WebGL, Lottie, PDF rendering, Fonts parsing.
✔ Linear algebra.
✔ WordPress, Tilda.
✔ Creation of brands, any graphics design stuff, 2D & 3D illustrations.
✔ Animation of logos, text, characters, interactive UI elements.
✔ Designing models for 3D printing (FDM, Fusion360, C4D, Cura).
✔ Writing plugins for C4D & Blender.
Contacts
If necessary, I can send you samples of my work in a personal message.

Thank you for your time!

Find me on Facebook & YouTube. I'm always glad to meet new friends.
Close
Pin it
Content
Library of customizable and scalable images with a free simple editor Customize icons and other vector art for free online