SvgToCompose - SVG path to Jetpack Compose tool

Related tags

Jetpack Compose SvgToCompose
Overview

SvgToCompose

SVG path to Jetpack Compose tool

This tool can take the SVG path, and export it as a Jetpack Compose material icon path method calls.

Example

SVG path:

M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z

Compose path:

moveTo(12.0f, 2.0f)
curveTo(6.48f, 2.0f, 2.0f, 6.48f, 2.0f, 12.0f)
reflectiveCurveToRelative(4.48f, 10.0f, 10.0f, 10.0f)
reflectiveCurveToRelative(10.0f, -4.48f, 10.0f, -10.0f)
reflectiveCurveTo(17.52f, 2.0f, 12.0f, 2.0f)
close()
moveToRelative(1.0f, 15.0f)
horizontalLineToRelative(-2.0f)
verticalLineToRelative(-6.0f)
horizontalLineToRelative(2.0f)
verticalLineToRelative(6.0f)
close()
moveToRelative(0.0f, -8.0f)
horizontalLineToRelative(-2.0f)
verticalLineTo(7.0f)
horizontalLineToRelative(2.0f)
verticalLineToRelative(2.0f)
close()

Result:

SAMPLE

You might also like...
Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose
Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose

Jetpack-Compose-Demo Instagram Profile UI using Jetpack Compose

omar 1 Aug 11, 2022
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Jetpack-compose-animations-examples This repository consists of 4 animations: St

Canopas Software 180 Jan 2, 2023
Compose-navigation - Set of utils to help with integrating Jetpack Compose and Jetpack's Navigation

Jetpack Compose Navigation Set of utils to help with integrating Jetpack Compose

Adam Kobus 5 Apr 5, 2022
Jetpack-compose-uis - A collection of some UIs using Jetpack Compose. built using Katalog

Jetpack Compose UIs This is a collection of some UIs using Jetpack Compose. It i

Mori Atsushi 3 Dec 15, 2022
A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose
A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

Felix Kariuki 5 Dec 29, 2022
TaskScheduler - A concise practical task management tool for scheduling tasks for Android

TaskScheduler A concise practical task management tool for scheduling tasks for

Chen Pan 1 Feb 7, 2022
laboratory is the next generation Minecraft server management tool fully written in Kotlin
laboratory is the next generation Minecraft server management tool fully written in Kotlin

laboratory laboratory is the next generation Minecraft server management tool fully written in Kotlin Installation Linux: Clone this repository using

mooz 5 Oct 29, 2022
📊 A web tool to visualise and compare your android benchmark results
📊 A web tool to visualise and compare your android benchmark results

benchart A web tool to visualise and compare your android benchmark result ✨ Demo Screen.Recording.2022-11-26.at.2.36.55.PM.mov ✍️ Author 👤 theapache

theapache64 65 Dec 20, 2022
View Navigator is a tool that allows you to inspect and validate all the views of a screen individually.
View Navigator is a tool that allows you to inspect and validate all the views of a screen individually.

🎇 View Navigator View Navigator is a tool that allows you to inspect and validate all the views of a screen individually, highlighting the margins an

Marcelo Alban 5 Nov 29, 2022
Comments
  • Support for Compose Path

    Support for Compose Path

    First of all, I'd really like to appreciate your work 👏🏻 Glad that someone is trying to make such a tool.

    Now, I was under the impression that since it generates Compose code, it might be supported on Jetpack Compose's PATH too. But contrary to my expectations, as we can see in the image as well, some of its commands are not.

    Screenshot-1

    So would you please be kind enough @mohsenoid and try to add support for Jetpack Compose's PATH as well in the future? This would bring confidence to a lot of developers and motivate them to build interesting complex custom views/shapes/paths 🌟

    For a quick glance, here are the methods that are currently supported by a Compose path:

    moveTo relativeMoveTo lineTo relativeLineTo quadraticBezierTo relativeQuadraticBezierTo cubicTo relativeCubicTo arcToRad arcTo addRect addOval addArcRad addArc addRoundRect addPath close

    opened by shubhamsinghshubham777 1
Owner
Mohsen Mirhoseini
Senior Android Developer
Mohsen Mirhoseini
GitHub
A simple path finding visualizer mobile app to demonstrate the use of Jetpack Compose UI toolkit in Android.

Path Finding Visualizer App using Jetpack Compose A simple path finding visualizer mobile app to demonstrate the use of Jetpack Compose UI toolkit in

Serge Nino Martin Villasica 33 May 6, 2022
Converts SVG and Android Vector Drawable in Jetpack Compose code

SVG to Compose [Experimental] Converts SVG or Android Vector Drawable to Compose code. Android Studio/IntelliJ plugin by overpass Why this project On

Gabriel Souza 244 Dec 26, 2022
😇Translation tool based on Jetpack Compose

?? Screenshots   License Copyright 2020 The Android Open Source Project Licensed under the Apache License, Version 2.0 (the "License"); you may not u

Ruger 7 May 16, 2022
A simple tool to display a text tree with Jetpack Compose🌲

A simple tool to display a text tree with Jetpack Compose??

Takahiro Menju 50 Oct 5, 2022
⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration

?? create-compose-app A tool that gives you a massive head start when building Compose based apps. It saves you from time-consuming setup and configur

theapache64 466 Dec 21, 2022
⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration

?? create-compose-app A tool that gives you a massive head start when building Compose based apps. It saves you from time-consuming setup and configur

theapache64 468 Dec 30, 2022
Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

?? ?? ?? Compose flocking Ants(boids) ?? ?? ?? Jetpack compose Boids | Flocking Insect. bird or Fish simulation using Jetpack Compose Desktop ?? , usi

Chetan Gupta 38 Sep 25, 2022
A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Why Not Compose! A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Md. Mahmudul Hasan Shohag 186 Jan 1, 2023
Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

MindOrks 382 Jan 5, 2023
This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.

JetBMICalculator This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Co

BHAVNA THACKER 3 Dec 31, 2022