ribbon icon
ribbon from Line Awesome by Icons8 · Line · Charity · Apache-2.0 Free for personal and commercial use.
- Name
- ribbon
- Set
- Line Awesome
- Style
- Line
- Category
- Charity
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- ribbon-solid
The same icon in other sets
ribbonAkar IconsribbonEmoji One (Colored)ribbonFont Awesome 6 SolidribbonFont Awesome Solidribbon-12-filledFluent UI System Iconsribbon-16Fluent UI System Color IconsribbonFluent EmojiribbonFluent Emoji FlatribbonFluent Emoji High ContrastribbonHealth IconsribbonHuge IconsribbonIonIconsribbonLucideribbonMage IconsribbonMaterial Design IconsribbonMyna UI IconsribbonNoto EmojiribbonOpenMojiribbonStreamline EmojisribbonTwitter Emoji
More charity icons from Line Awesome
Use the ribbon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-1.102 0-3.602 0-4.5 1.5v.094c-.102.199-1.688 3.699-2.188 5c-.601 1.601.102 3.52 1 4.719c.7 1.101 9.387 11.882 9.688 12.28l.594.813l5-4.093l-.5-.813c-1.102-1.398-3.008-3.695-4.907-6.094c1.399-1.699 1.625-1.992 1.625-2.093c.899-1.2 1.602-3.118 1-4.72c-.5-1.3-2.117-4.8-2.218-5V5.5c0-.102-.094-.086-.094-.188C19.3 4.013 17 4 16 4m0 2c1.8 0 2.488.3 2.688.5c0 .2.007.512-.094.813V7.5c0 .2-.086.387-.188.688C17.805 7.987 17.102 8 16 8s-1.805-.008-2.406.094c-.102-.2-.086-.489-.188-.688v-.218c-.101-.399-.094-.583-.094-.782C13.512 6.305 14.2 6 16 6m-4.094 3.5c.2.602.5 1.3 1 2c.801 1.2 7.7 9.7 10 12.5L21 25.594c-2.898-3.5-8.594-10.606-9.094-11.407c-.601-.8-1.113-2.074-.812-2.874c.101-.399.414-1.114.812-1.813m8.188 0c.3.7.613 1.414.812 1.813c.301.8-.21 2.074-.812 2.874c-.102.102-.383.524-1.282 1.626c-.5-.7-1.125-1.305-1.625-1.907c1.5-1.898 1.805-2.304 1.907-2.406c.398-.7.8-1.398 1-2m-5.688.5h3.188c-.102.102-.086.207-.188.406c0 .2-.406.606-1.406 1.906c-.7-.898-1.305-1.605-1.406-1.906c-.102-.101-.086-.207-.188-.406m-3.5 8.594c-2.101 2.601-4 4.906-4 4.906l-.593.813l5 4.093l.687-.812s1.395-1.68 3.094-3.782c-.399-.5-.883-1.125-1.281-1.625c-1.2 1.399-2.211 2.606-2.813 3.407L9.094 24c.699-.8 1.793-2.21 3.094-3.813c-.5-.601-.883-1.093-1.282-1.593"/></svg>
React
import type { SVGProps } from "react";
export function LaRibbon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-1.102 0-3.602 0-4.5 1.5v.094c-.102.199-1.688 3.699-2.188 5c-.601 1.601.102 3.52 1 4.719c.7 1.101 9.387 11.882 9.688 12.28l.594.813l5-4.093l-.5-.813c-1.102-1.398-3.008-3.695-4.907-6.094c1.399-1.699 1.625-1.992 1.625-2.093c.899-1.2 1.602-3.118 1-4.72c-.5-1.3-2.117-4.8-2.218-5V5.5c0-.102-.094-.086-.094-.188C19.3 4.013 17 4 16 4m0 2c1.8 0 2.488.3 2.688.5c0 .2.007.512-.094.813V7.5c0 .2-.086.387-.188.688C17.805 7.987 17.102 8 16 8s-1.805-.008-2.406.094c-.102-.2-.086-.489-.188-.688v-.218c-.101-.399-.094-.583-.094-.782C13.512 6.305 14.2 6 16 6m-4.094 3.5c.2.602.5 1.3 1 2c.801 1.2 7.7 9.7 10 12.5L21 25.594c-2.898-3.5-8.594-10.606-9.094-11.407c-.601-.8-1.113-2.074-.812-2.874c.101-.399.414-1.114.812-1.813m8.188 0c.3.7.613 1.414.812 1.813c.301.8-.21 2.074-.812 2.874c-.102.102-.383.524-1.282 1.626c-.5-.7-1.125-1.305-1.625-1.907c1.5-1.898 1.805-2.304 1.907-2.406c.398-.7.8-1.398 1-2m-5.688.5h3.188c-.102.102-.086.207-.188.406c0 .2-.406.606-1.406 1.906c-.7-.898-1.305-1.605-1.406-1.906c-.102-.101-.086-.207-.188-.406m-3.5 8.594c-2.101 2.601-4 4.906-4 4.906l-.593.813l5 4.093l.687-.812s1.395-1.68 3.094-3.782c-.399-.5-.883-1.125-1.281-1.625c-1.2 1.399-2.211 2.606-2.813 3.407L9.094 24c.699-.8 1.793-2.21 3.094-3.813c-.5-.601-.883-1.093-1.282-1.593"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-1.102 0-3.602 0-4.5 1.5v.094c-.102.199-1.688 3.699-2.188 5c-.601 1.601.102 3.52 1 4.719c.7 1.101 9.387 11.882 9.688 12.28l.594.813l5-4.093l-.5-.813c-1.102-1.398-3.008-3.695-4.907-6.094c1.399-1.699 1.625-1.992 1.625-2.093c.899-1.2 1.602-3.118 1-4.72c-.5-1.3-2.117-4.8-2.218-5V5.5c0-.102-.094-.086-.094-.188C19.3 4.013 17 4 16 4m0 2c1.8 0 2.488.3 2.688.5c0 .2.007.512-.094.813V7.5c0 .2-.086.387-.188.688C17.805 7.987 17.102 8 16 8s-1.805-.008-2.406.094c-.102-.2-.086-.489-.188-.688v-.218c-.101-.399-.094-.583-.094-.782C13.512 6.305 14.2 6 16 6m-4.094 3.5c.2.602.5 1.3 1 2c.801 1.2 7.7 9.7 10 12.5L21 25.594c-2.898-3.5-8.594-10.606-9.094-11.407c-.601-.8-1.113-2.074-.812-2.874c.101-.399.414-1.114.812-1.813m8.188 0c.3.7.613 1.414.812 1.813c.301.8-.21 2.074-.812 2.874c-.102.102-.383.524-1.282 1.626c-.5-.7-1.125-1.305-1.625-1.907c1.5-1.898 1.805-2.304 1.907-2.406c.398-.7.8-1.398 1-2m-5.688.5h3.188c-.102.102-.086.207-.188.406c0 .2-.406.606-1.406 1.906c-.7-.898-1.305-1.605-1.406-1.906c-.102-.101-.086-.207-.188-.406m-3.5 8.594c-2.101 2.601-4 4.906-4 4.906l-.593.813l5 4.093l.687-.812s1.395-1.68 3.094-3.782c-.399-.5-.883-1.125-1.281-1.625c-1.2 1.399-2.211 2.606-2.813 3.407L9.094 24c.699-.8 1.793-2.21 3.094-3.813c-.5-.601-.883-1.093-1.282-1.593"/></svg> </template>
CSS
.icon-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204c-1.102%200-3.602%200-4.5%201.5v.094c-.102.199-1.688%203.699-2.188%205c-.601%201.601.102%203.52%201%204.719c.7%201.101%209.387%2011.882%209.688%2012.28l.594.813l5-4.093l-.5-.813c-1.102-1.398-3.008-3.695-4.907-6.094c1.399-1.699%201.625-1.992%201.625-2.093c.899-1.2%201.602-3.118%201-4.72c-.5-1.3-2.117-4.8-2.218-5V5.5c0-.102-.094-.086-.094-.188C19.3%204.013%2017%204%2016%204m0%202c1.8%200%202.488.3%202.688.5c0%20.2.007.512-.094.813V7.5c0%20.2-.086.387-.188.688C17.805%207.987%2017.102%208%2016%208s-1.805-.008-2.406.094c-.102-.2-.086-.489-.188-.688v-.218c-.101-.399-.094-.583-.094-.782C13.512%206.305%2014.2%206%2016%206m-4.094%203.5c.2.602.5%201.3%201%202c.801%201.2%207.7%209.7%2010%2012.5L21%2025.594c-2.898-3.5-8.594-10.606-9.094-11.407c-.601-.8-1.113-2.074-.812-2.874c.101-.399.414-1.114.812-1.813m8.188%200c.3.7.613%201.414.812%201.813c.301.8-.21%202.074-.812%202.874c-.102.102-.383.524-1.282%201.626c-.5-.7-1.125-1.305-1.625-1.907c1.5-1.898%201.805-2.304%201.907-2.406c.398-.7.8-1.398%201-2m-5.688.5h3.188c-.102.102-.086.207-.188.406c0%20.2-.406.606-1.406%201.906c-.7-.898-1.305-1.605-1.406-1.906c-.102-.101-.086-.207-.188-.406m-3.5%208.594c-2.101%202.601-4%204.906-4%204.906l-.593.813l5%204.093l.687-.812s1.395-1.68%203.094-3.782c-.399-.5-.883-1.125-1.281-1.625c-1.2%201.399-2.211%202.606-2.813%203.407L9.094%2024c.699-.8%201.793-2.21%203.094-3.813c-.5-.601-.883-1.093-1.282-1.593%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204c-1.102%200-3.602%200-4.5%201.5v.094c-.102.199-1.688%203.699-2.188%205c-.601%201.601.102%203.52%201%204.719c.7%201.101%209.387%2011.882%209.688%2012.28l.594.813l5-4.093l-.5-.813c-1.102-1.398-3.008-3.695-4.907-6.094c1.399-1.699%201.625-1.992%201.625-2.093c.899-1.2%201.602-3.118%201-4.72c-.5-1.3-2.117-4.8-2.218-5V5.5c0-.102-.094-.086-.094-.188C19.3%204.013%2017%204%2016%204m0%202c1.8%200%202.488.3%202.688.5c0%20.2.007.512-.094.813V7.5c0%20.2-.086.387-.188.688C17.805%207.987%2017.102%208%2016%208s-1.805-.008-2.406.094c-.102-.2-.086-.489-.188-.688v-.218c-.101-.399-.094-.583-.094-.782C13.512%206.305%2014.2%206%2016%206m-4.094%203.5c.2.602.5%201.3%201%202c.801%201.2%207.7%209.7%2010%2012.5L21%2025.594c-2.898-3.5-8.594-10.606-9.094-11.407c-.601-.8-1.113-2.074-.812-2.874c.101-.399.414-1.114.812-1.813m8.188%200c.3.7.613%201.414.812%201.813c.301.8-.21%202.074-.812%202.874c-.102.102-.383.524-1.282%201.626c-.5-.7-1.125-1.305-1.625-1.907c1.5-1.898%201.805-2.304%201.907-2.406c.398-.7.8-1.398%201-2m-5.688.5h3.188c-.102.102-.086.207-.188.406c0%20.2-.406.606-1.406%201.906c-.7-.898-1.305-1.605-1.406-1.906c-.102-.101-.086-.207-.188-.406m-3.5%208.594c-2.101%202.601-4%204.906-4%204.906l-.593.813l5%204.093l.687-.812s1.395-1.68%203.094-3.782c-.399-.5-.883-1.125-1.281-1.625c-1.2%201.399-2.211%202.606-2.813%203.407L9.094%2024c.699-.8%201.793-2.21%203.094-3.813c-.5-.601-.883-1.093-1.282-1.593%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/ribbon.svg?color=%231a73e8&size=48
