ios flag icon
ios-flag from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-flag
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios flag icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M406.7 80.8c-3.1.5-6.4 1-9.9 1.4-13.2 1.7-42.8 5.2-60.6 5.2-27.7 0-52.8-6.8-78.2-12.2-25.8-5.5-52.4-11.2-80.6-11.2-56.2 0-75.3 12.1-77.3 13.4L96 80.3v353.3c0 7.2 5.2 13.4 12.3 14.3 8.5 1 15.7-5.6 15.7-13.9V279.6c0-3.8 2.7-7.1 6.4-7.9 10.5-2.1 25.8-3.9 47-3.9 26.2 0 50.7 10 76.6 15.5 26.4 5.6 48.6 11.5 83.4 11.5s71.8-6.6 71.8-6.6c3.9-.6 6.9-3.9 6.9-7.9V88.7c-.1-4.9-4.5-8.7-9.4-7.9z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M406.7 80.8c-3.1.5-6.4 1-9.9 1.4-13.2 1.7-42.8 5.2-60.6 5.2-27.7 0-52.8-6.8-78.2-12.2-25.8-5.5-52.4-11.2-80.6-11.2-56.2 0-75.3 12.1-77.3 13.4L96 80.3v353.3c0 7.2 5.2 13.4 12.3 14.3 8.5 1 15.7-5.6 15.7-13.9V279.6c0-3.8 2.7-7.1 6.4-7.9 10.5-2.1 25.8-3.9 47-3.9 26.2 0 50.7 10 76.6 15.5 26.4 5.6 48.6 11.5 83.4 11.5s71.8-6.6 71.8-6.6c3.9-.6 6.9-3.9 6.9-7.9V88.7c-.1-4.9-4.5-8.7-9.4-7.9z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M406.7 80.8c-3.1.5-6.4 1-9.9 1.4-13.2 1.7-42.8 5.2-60.6 5.2-27.7 0-52.8-6.8-78.2-12.2-25.8-5.5-52.4-11.2-80.6-11.2-56.2 0-75.3 12.1-77.3 13.4L96 80.3v353.3c0 7.2 5.2 13.4 12.3 14.3 8.5 1 15.7-5.6 15.7-13.9V279.6c0-3.8 2.7-7.1 6.4-7.9 10.5-2.1 25.8-3.9 47-3.9 26.2 0 50.7 10 76.6 15.5 26.4 5.6 48.6 11.5 83.4 11.5s71.8-6.6 71.8-6.6c3.9-.6 6.9-3.9 6.9-7.9V88.7c-.1-4.9-4.5-8.7-9.4-7.9z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-flag {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M406.7%2080.8c-3.1.5-6.4%201-9.9%201.4-13.2%201.7-42.8%205.2-60.6%205.2-27.7%200-52.8-6.8-78.2-12.2-25.8-5.5-52.4-11.2-80.6-11.2-56.2%200-75.3%2012.1-77.3%2013.4L96%2080.3v353.3c0%207.2%205.2%2013.4%2012.3%2014.3%208.5%201%2015.7-5.6%2015.7-13.9V279.6c0-3.8%202.7-7.1%206.4-7.9%2010.5-2.1%2025.8-3.9%2047-3.9%2026.2%200%2050.7%2010%2076.6%2015.5%2026.4%205.6%2048.6%2011.5%2083.4%2011.5s71.8-6.6%2071.8-6.6c3.9-.6%206.9-3.9%206.9-7.9V88.7c-.1-4.9-4.5-8.7-9.4-7.9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M406.7%2080.8c-3.1.5-6.4%201-9.9%201.4-13.2%201.7-42.8%205.2-60.6%205.2-27.7%200-52.8-6.8-78.2-12.2-25.8-5.5-52.4-11.2-80.6-11.2-56.2%200-75.3%2012.1-77.3%2013.4L96%2080.3v353.3c0%207.2%205.2%2013.4%2012.3%2014.3%208.5%201%2015.7-5.6%2015.7-13.9V279.6c0-3.8%202.7-7.1%206.4-7.9%2010.5-2.1%2025.8-3.9%2047-3.9%2026.2%200%2050.7%2010%2076.6%2015.5%2026.4%205.6%2048.6%2011.5%2083.4%2011.5s71.8-6.6%2071.8-6.6c3.9-.6%206.9-3.9%206.9-7.9V88.7c-.1-4.9-4.5-8.7-9.4-7.9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-flag.svg?color=%231a73e8&size=48
