Swirl Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Swirl icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306619.svg" alt="Swirl icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306619.svg" alt="Swirl icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306619.svg" alt="Swirl icon" :width="24" :height="24" />
CSS background
.icon-swirl {
background-image: url('https://proicons.com/icon/306619.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M938 714c-3 15-4 29-8 44-23 75-73 123-148 144-107 31-220-24-270-127-13-26-20-53-24-81-13-82-76-149-159-164-82-15-163 29-193 105-25 67-1 143 58 177 49 29 110 21 146-18 26-29 33-70 16-103-15-29-47-45-75-36-17 5-28 15-32 33-1 8 0 14 5 21s17 11 24 0c4-7 12-7 19-1 8 6 11 18 7 29-7 21-30 34-54 30-36-6-62-39-61-78 1-47 38-88 86-96 64-12 126 28 146 92 22 69-8 144-71 182-68 41-158 32-217-21-53-48-76-107-69-177 9-93 75-169 165-195 54-16 108-13 161 8 57 22 113 22 168-6 59-30 95-78 102-145 9-87-47-158-121-174-66-15-133 21-153 82-15 45 0 93 36 118 33 22 76 19 100-8 13-15 18-32 12-51-5-16-18-25-32-23-11 1-16 9-12 20 2 4 1 9-2 12-5 6-11 8-18 7-15-3-27-18-28-35-2-30 22-57 54-62 43-7 84 21 98 66 14 47-6 101-51 130-53 35-126 27-174-19-59-56-69-147-23-216 35-54 86-82 150-87 3-1 6 0 8-2h10c3 1 6 1 9 2 62 4 113 31 152 79 70 88 66 218-10 304-17 18-37 33-55 50-64 62-78 162-33 238 39 65 115 98 186 80 76-19 122-91 108-162-12-59-65-99-121-92-43 6-77 42-74 84 2 24 19 45 41 50 15 4 31-3 37-15 4-10 0-19-10-21-11-2-15-10-11-20 3-10 14-18 27-18 21-1 42 14 48 37 8 28 1 52-18 72-31 32-83 36-123 10-43-28-63-83-49-136 18-66 83-115 163-106 76 8 138 67 153 143 1 10 1 20 4 30v16z"/></svg>
Copied!