Transform Icon SVG
Transform
Transform SVG Icon Code | Customize color
You can get svg icon transform in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeTransform
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="13.7146" cy="13.7143" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="34.2859" cy="34.2857" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 44.0002C12.9553 44.0002 4.00098 35.0459 4.00098 24.0002L10.6676 27.3335" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 4.00021C35.0467 4.00021 44.001 12.9545 44.001 24.0002L37.3343 20.6669" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Transform
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: white' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="13.7146" cy="13.7143" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="34.2859" cy="34.2857" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 44.0002C12.9553 44.0002 4.00098 35.0459 4.00098 24.0002L10.6676 27.3335" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 4.00021C35.0467 4.00021 44.001 12.9545 44.001 24.0002L37.3343 20.6669" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Transform
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: red' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="13.7146" cy="13.7143" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="34.2859" cy="34.2857" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 44.0002C12.9553 44.0002 4.00098 35.0459 4.00098 24.0002L10.6676 27.3335" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 4.00021C35.0467 4.00021 44.001 12.9545 44.001 24.0002L37.3343 20.6669" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Transform
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: blue' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="13.7146" cy="13.7143" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="34.2859" cy="34.2857" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 44.0002C12.9553 44.0002 4.00098 35.0459 4.00098 24.0002L10.6676 27.3335" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 4.00021C35.0467 4.00021 44.001 12.9545 44.001 24.0002L37.3343 20.6669" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Transform
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: #f3da35' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="13.7146" cy="13.7143" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="34.2859" cy="34.2857" r="6.85714" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 44.0002C12.9553 44.0002 4.00098 35.0459 4.00098 24.0002L10.6676 27.3335" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.001 4.00021C35.0467 4.00021 44.001 12.9545 44.001 24.0002L37.3343 20.6669" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit transform as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements