Orange Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Orange 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/306166.svg" alt="Orange icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306166.svg" alt="Orange icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306166.svg" alt="Orange icon" :width="24" :height="24" />
CSS background
.icon-orange {
background-image: url('https://proicons.com/icon/306166.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="M333 277c46 31 102 34 149 14 0-51-26-101-72-131-46-31-102-34-149-14 1 51 26 101 72 131zm279 6c30-19 46-51 47-84-31-13-67-11-97 8-29 20-46 52-46 85 30 13 66 11 96-9zm-92 32v-1c0-6-9-11-20-11s-21 5-21 11v1c-162 10-290 146-290 311 0 172 139 312 311 312s312-140 312-312c0-165-129-301-292-311zm46 522c-5 0-9-4-9-10 0-5 4-10 9-10 6 0 10 5 10 10 0 6-4 10-10 10zm54-22c-12 0-21-10-21-21s9-21 21-21 21 9 21 21c0 11-10 21-21 21zm30 46c-7 0-14-7-14-14 0-8 7-14 14-14 8 0 14 6 14 14 0 7-6 14-14 14zM503 288c1 0 2-6 1-12L484 75c-1-7-7-13-14-13h-49v8l75 206c2 7 5 12 7 12z"/></svg>
More from IcoFont
View all
Orange in other icon packs
Copied!