Figma Mask Icon SVG
Figma Mask
Figma mask SVG Icon Code | Customize color
You can get svg icon figma mask in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeFigma mask
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><circle cx="24" cy="24" r="20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 41.3242C19.978 37.8662 24 31.4027 24 23.9999C24 16.5971 19.978 10.1336 14 6.67554C8.02199 10.1336 4 16.5971 4 23.9999C4 31.4027 8.02199 37.8662 14 41.3242Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma mask
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><circle cx="24" cy="24" r="20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 41.3242C19.978 37.8662 24 31.4027 24 23.9999C24 16.5971 19.978 10.1336 14 6.67554C8.02199 10.1336 4 16.5971 4 23.9999C4 31.4027 8.02199 37.8662 14 41.3242Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma mask
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><circle cx="24" cy="24" r="20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 41.3242C19.978 37.8662 24 31.4027 24 23.9999C24 16.5971 19.978 10.1336 14 6.67554C8.02199 10.1336 4 16.5971 4 23.9999C4 31.4027 8.02199 37.8662 14 41.3242Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma mask
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><circle cx="24" cy="24" r="20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 41.3242C19.978 37.8662 24 31.4027 24 23.9999C24 16.5971 19.978 10.1336 14 6.67554C8.02199 10.1336 4 16.5971 4 23.9999C4 31.4027 8.02199 37.8662 14 41.3242Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma mask
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><circle cx="24" cy="24" r="20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 41.3242C19.978 37.8662 24 31.4027 24 23.9999C24 16.5971 19.978 10.1336 14 6.67554C8.02199 10.1336 4 16.5971 4 23.9999C4 31.4027 8.02199 37.8662 14 41.3242Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit figma mask as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements