Circle Fill Svg Icon Code (Round, Dot)
Circle fill SVG icon code is a method of creating a circular shape with a solid color using the Scalable Vector Graphics (SVG) format. A circle fill SVG icon can be utilized for various purposes, such as indicating a status, a selection, a bullet point, or a decorative element. Two common types of circle fill SVG icons are a dot and a round, which differ in size and appearance.For example, a dot can indicate whether a device is on or off, while a round can illustrate the battery level or the volume of a device. In this tutorial, you will receive circle icon SVG code, which you can download.
Circle fill SVG Icon Code | Customize color
You can get svg icon circle fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCircle fill
DownloadCircle fill
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z" fill="white"></path></svg> Circle fill
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z" fill="red"></path></svg> Circle fill
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z" fill="blue"></path></svg> Circle fill
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z" fill="#f3da35"></path></svg> Advance Editor
You can edit circle fill as below. Change size color and background color of icon using below tool.
Tags
ring,sphere,round,turn,wheel,dot
Advertisements
Advertisements