Hicon Icon SVG
Icon Hicon SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Hicon Icon Svg Code | Path | Download
Download free Hicon SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Hicon Icon SVG code in HTML/Css from below.
Hicon
Hicon SVG Icon Code | Customize color
You can get svg icon hicon in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="16.366" cy="4.36603" r="1" transform="rotate(30 16.366 4.36603)" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10L12 14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="16.366" cy="4.36603" r="1" transform="rotate(30 16.366 4.36603)" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10L12 14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="16.366" cy="4.36603" r="1" transform="rotate(30 16.366 4.36603)" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10L12 14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="16.366" cy="4.36603" r="1" transform="rotate(30 16.366 4.36603)" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10L12 14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="16.366" cy="4.36603" r="1" transform="rotate(30 16.366 4.36603)" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10L12 14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit hicon as below. Change size color and background color of icon using below tool.
Advertisements
Hicon Icon SVG - Faq(s)?
⭐Can I get Free Hicon Icon SVG?Yes, you can get free Hicon SVG icons.
⭐ How to download free Hicon Icon SVG code?To download free Hicon icons in SVG code click on the copy code button.
⭐How to find the Hicon Icon SVG path file?You can get the Hicon SVG file path from the above section.
⭐ What are the colors available for SVG Hicon Icon?You can check the Hicon SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements