ribbon a icon

ribbon-a from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
ribbon-a
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

Related icons in IonIcons

ribbon-b

Use the ribbon a icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M352 32l-82.9 176.612c39.996 3.608 75.273 23.554 99.096 53.128L432 128l-80-96z" fill="currentColor"/><path d="M160 32l82.9 176.612c-39.996 3.608-75.273 23.554-99.096 53.128L80 128l80-96z" fill="currentColor"/><path d="M269.092 32H176l52.572 112h54.856L336 32z" fill="currentColor"/><path d="M256 224c-70.692 0-128 57.308-128 128s57.308 128 128 128 128-57.308 128-128-57.308-128-128-128zm0 224c-53.02 0-96-42.98-96-96s42.98-96 96-96 96 42.98 96 96-42.98 96-96 96z" fill="currentColor"/><path d="M256 264c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonRibbonA(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M352 32l-82.9 176.612c39.996 3.608 75.273 23.554 99.096 53.128L432 128l-80-96z" fill="currentColor"/><path d="M160 32l82.9 176.612c-39.996 3.608-75.273 23.554-99.096 53.128L80 128l80-96z" fill="currentColor"/><path d="M269.092 32H176l52.572 112h54.856L336 32z" fill="currentColor"/><path d="M256 224c-70.692 0-128 57.308-128 128s57.308 128 128 128 128-57.308 128-128-57.308-128-128-128zm0 224c-53.02 0-96-42.98-96-96s42.98-96 96-96 96 42.98 96 96-42.98 96-96 96z" fill="currentColor"/><path d="M256 264c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M352 32l-82.9 176.612c39.996 3.608 75.273 23.554 99.096 53.128L432 128l-80-96z" fill="currentColor"/><path d="M160 32l82.9 176.612c-39.996 3.608-75.273 23.554-99.096 53.128L80 128l80-96z" fill="currentColor"/><path d="M269.092 32H176l52.572 112h54.856L336 32z" fill="currentColor"/><path d="M256 224c-70.692 0-128 57.308-128 128s57.308 128 128 128 128-57.308 128-128-57.308-128-128-128zm0 224c-53.02 0-96-42.98-96-96s42.98-96 96-96 96 42.98 96 96-42.98 96-96 96z" fill="currentColor"/><path d="M256 264c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/></svg>
</template>

CSS

.icon-ribbon-a {
  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%22M352%2032l-82.9%20176.612c39.996%203.608%2075.273%2023.554%2099.096%2053.128L432%20128l-80-96z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M160%2032l82.9%20176.612c-39.996%203.608-75.273%2023.554-99.096%2053.128L80%20128l80-96z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M269.092%2032H176l52.572%20112h54.856L336%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20224c-70.692%200-128%2057.308-128%20128s57.308%20128%20128%20128%20128-57.308%20128-128-57.308-128-128-128zm0%20224c-53.02%200-96-42.98-96-96s42.98-96%2096-96%2096%2042.98%2096%2096-42.98%2096-96%2096z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20264c-48.523%200-88%2039.477-88%2088s39.477%2088%2088%2088%2088-39.477%2088-88-39.477-88-88-88z%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%22M352%2032l-82.9%20176.612c39.996%203.608%2075.273%2023.554%2099.096%2053.128L432%20128l-80-96z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M160%2032l82.9%20176.612c-39.996%203.608-75.273%2023.554-99.096%2053.128L80%20128l80-96z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M269.092%2032H176l52.572%20112h54.856L336%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20224c-70.692%200-128%2057.308-128%20128s57.308%20128%20128%20128%20128-57.308%20128-128-57.308-128-128-128zm0%20224c-53.02%200-96-42.98-96-96s42.98-96%2096-96%2096%2042.98%2096%2096-42.98%2096-96%2096z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20264c-48.523%200-88%2039.477-88%2088s39.477%2088%2088%2088%2088-39.477%2088-88-39.477-88-88-88z%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/ribbon-a.svg?color=%231a73e8&size=48

Ribbon A icon — IonIcons · IconsDB