Comments (3)
Hi @o-l-a-v
Resolved in version 4.4 which just released. I have tested all of the icons in draw io and office and the scaling looks fine to me. Was a fun issue to tackle :D
from azure-design.
So this was a tricky one, but I might have a solution. The issue was that my builder script imports my gold master SVG collection into Visio, adds the connection points, shape data etc then exports the object out to a new SVG. This allows me to ensure that all of the icons are relative in size while maintaining the aspect ratio.
Unfortunately when visio exports the SVG it does not export the icon size correctly
width="0.7086646in"
height="0.78738207in"
viewBox="0 0 51.023529 56.691563"
I just build a post processor that scrapes the SVG and uses the view box values for width and height and that seems to play nice with Draw.IO. Attached a few examples for you to test. It's a bit clunky so looking into a better solution
from azure-design.
Great work, and thanks. :)
I don't work with disgrams every day. I'll be sure to give some feedback once I've tested the new version of the icons.
from azure-design.
Related Issues (20)
- Icons request: AKS HOT 2
- Rename Windows Virtual Desktop to Azure Virtual Desktop HOT 2
- Icons request: Policy Assignment & Initiatives HOT 1
- Rename "Security Center" to "Defender for Cloud" HOT 1
- Make TxtPinY value dynamic to accommodate resizing of icons HOT 1
- Network Security Group is missing since 3.8 HOT 1
- Awesome set of Azure Icons, but missing Virtual Hub HOT 2
- Add App Service Access Restriction and App Assigned Address HOT 1
- PowerPoint version of Icons
- Make all icons square HOT 1
- Trim canvas sizes and make icons square HOT 2
- Icon for Log Analytics Workspace and AVD Workspace are not correct. HOT 5
- Missing Icon for API Management Service Gateway HOT 3
- Missing Shape for App Service API HOT 5
- feature request HOT 1
- Remove shadow effect HOT 2
- AVD Application Groups missing HOT 1
- Rename "Azure AD" with "Entra ID" HOT 1
- Plans to publish the scripts HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from azure-design.