ios ribbon icon
ios-ribbon from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-ribbon
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
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 ribbon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M254.9 293.4c73 .6 132.3-58.7 131.7-131.8-.6-69.9-59.7-129-129.5-129.6-73-.6-132.3 58.7-131.7 131.8.6 69.9 59.7 129 129.5 129.6zm-3.7-204.1c44.3-2.8 80.9 33.8 78.1 78.2-2.3 36.6-31.9 66.2-68.5 68.6-44.3 2.8-80.9-33.8-78.1-78.2 2.3-36.6 31.9-66.2 68.5-68.6z" fill="currentColor"/><path d="M256 308.4c-42.8 0-81.4-18.1-108.5-47-1.9-2-5.2-1.7-6.6.7L65.1 394.8c-3.1 5.5.8 12.3 7.2 12.3h80.1c2.9 0 5.6 1.5 7.1 4l39 64.9c3.4 5.7 11.8 5.2 14.6-.8l43-94.6 31.3-68.9c1.4-3-1.2-6.3-4.5-5.7-8.8 1.5-17.7 2.4-26.9 2.4z" fill="currentColor"/><path d="M364.5 261.3c-14.6 15.5-32.4 28-52.5 36.1-1 .4-1.8 1.1-2.2 2.1l-44.7 97.7c-.5 1.1-.5 2.3 0 3.4l33.9 74.5c2.7 6 11.2 6.5 14.6.8l39-64.9c1.5-2.5 4.2-4 7.1-4h80.1c6.3 0 10.3-6.8 7.2-12.3l-75.8-132.8c-1.5-2.2-4.8-2.6-6.7-.6z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosRibbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M254.9 293.4c73 .6 132.3-58.7 131.7-131.8-.6-69.9-59.7-129-129.5-129.6-73-.6-132.3 58.7-131.7 131.8.6 69.9 59.7 129 129.5 129.6zm-3.7-204.1c44.3-2.8 80.9 33.8 78.1 78.2-2.3 36.6-31.9 66.2-68.5 68.6-44.3 2.8-80.9-33.8-78.1-78.2 2.3-36.6 31.9-66.2 68.5-68.6z" fill="currentColor"/><path d="M256 308.4c-42.8 0-81.4-18.1-108.5-47-1.9-2-5.2-1.7-6.6.7L65.1 394.8c-3.1 5.5.8 12.3 7.2 12.3h80.1c2.9 0 5.6 1.5 7.1 4l39 64.9c3.4 5.7 11.8 5.2 14.6-.8l43-94.6 31.3-68.9c1.4-3-1.2-6.3-4.5-5.7-8.8 1.5-17.7 2.4-26.9 2.4z" fill="currentColor"/><path d="M364.5 261.3c-14.6 15.5-32.4 28-52.5 36.1-1 .4-1.8 1.1-2.2 2.1l-44.7 97.7c-.5 1.1-.5 2.3 0 3.4l33.9 74.5c2.7 6 11.2 6.5 14.6.8l39-64.9c1.5-2.5 4.2-4 7.1-4h80.1c6.3 0 10.3-6.8 7.2-12.3l-75.8-132.8c-1.5-2.2-4.8-2.6-6.7-.6z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M254.9 293.4c73 .6 132.3-58.7 131.7-131.8-.6-69.9-59.7-129-129.5-129.6-73-.6-132.3 58.7-131.7 131.8.6 69.9 59.7 129 129.5 129.6zm-3.7-204.1c44.3-2.8 80.9 33.8 78.1 78.2-2.3 36.6-31.9 66.2-68.5 68.6-44.3 2.8-80.9-33.8-78.1-78.2 2.3-36.6 31.9-66.2 68.5-68.6z" fill="currentColor"/><path d="M256 308.4c-42.8 0-81.4-18.1-108.5-47-1.9-2-5.2-1.7-6.6.7L65.1 394.8c-3.1 5.5.8 12.3 7.2 12.3h80.1c2.9 0 5.6 1.5 7.1 4l39 64.9c3.4 5.7 11.8 5.2 14.6-.8l43-94.6 31.3-68.9c1.4-3-1.2-6.3-4.5-5.7-8.8 1.5-17.7 2.4-26.9 2.4z" fill="currentColor"/><path d="M364.5 261.3c-14.6 15.5-32.4 28-52.5 36.1-1 .4-1.8 1.1-2.2 2.1l-44.7 97.7c-.5 1.1-.5 2.3 0 3.4l33.9 74.5c2.7 6 11.2 6.5 14.6.8l39-64.9c1.5-2.5 4.2-4 7.1-4h80.1c6.3 0 10.3-6.8 7.2-12.3l-75.8-132.8c-1.5-2.2-4.8-2.6-6.7-.6z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-ribbon {
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%22M254.9%20293.4c73%20.6%20132.3-58.7%20131.7-131.8-.6-69.9-59.7-129-129.5-129.6-73-.6-132.3%2058.7-131.7%20131.8.6%2069.9%2059.7%20129%20129.5%20129.6zm-3.7-204.1c44.3-2.8%2080.9%2033.8%2078.1%2078.2-2.3%2036.6-31.9%2066.2-68.5%2068.6-44.3%202.8-80.9-33.8-78.1-78.2%202.3-36.6%2031.9-66.2%2068.5-68.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20308.4c-42.8%200-81.4-18.1-108.5-47-1.9-2-5.2-1.7-6.6.7L65.1%20394.8c-3.1%205.5.8%2012.3%207.2%2012.3h80.1c2.9%200%205.6%201.5%207.1%204l39%2064.9c3.4%205.7%2011.8%205.2%2014.6-.8l43-94.6%2031.3-68.9c1.4-3-1.2-6.3-4.5-5.7-8.8%201.5-17.7%202.4-26.9%202.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M364.5%20261.3c-14.6%2015.5-32.4%2028-52.5%2036.1-1%20.4-1.8%201.1-2.2%202.1l-44.7%2097.7c-.5%201.1-.5%202.3%200%203.4l33.9%2074.5c2.7%206%2011.2%206.5%2014.6.8l39-64.9c1.5-2.5%204.2-4%207.1-4h80.1c6.3%200%2010.3-6.8%207.2-12.3l-75.8-132.8c-1.5-2.2-4.8-2.6-6.7-.6z%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%22M254.9%20293.4c73%20.6%20132.3-58.7%20131.7-131.8-.6-69.9-59.7-129-129.5-129.6-73-.6-132.3%2058.7-131.7%20131.8.6%2069.9%2059.7%20129%20129.5%20129.6zm-3.7-204.1c44.3-2.8%2080.9%2033.8%2078.1%2078.2-2.3%2036.6-31.9%2066.2-68.5%2068.6-44.3%202.8-80.9-33.8-78.1-78.2%202.3-36.6%2031.9-66.2%2068.5-68.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20308.4c-42.8%200-81.4-18.1-108.5-47-1.9-2-5.2-1.7-6.6.7L65.1%20394.8c-3.1%205.5.8%2012.3%207.2%2012.3h80.1c2.9%200%205.6%201.5%207.1%204l39%2064.9c3.4%205.7%2011.8%205.2%2014.6-.8l43-94.6%2031.3-68.9c1.4-3-1.2-6.3-4.5-5.7-8.8%201.5-17.7%202.4-26.9%202.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M364.5%20261.3c-14.6%2015.5-32.4%2028-52.5%2036.1-1%20.4-1.8%201.1-2.2%202.1l-44.7%2097.7c-.5%201.1-.5%202.3%200%203.4l33.9%2074.5c2.7%206%2011.2%206.5%2014.6.8l39-64.9c1.5-2.5%204.2-4%207.1-4h80.1c6.3%200%2010.3-6.8%207.2-12.3l-75.8-132.8c-1.5-2.2-4.8-2.6-6.7-.6z%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-ribbon.svg?color=%231a73e8&size=48
