ribbon b icon

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

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

Related icons in IonIcons

ribbon-a

Use the ribbon b icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 72c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/><path d="M256 32c-70.692 0-128 57.308-128 128s57.308 128 128 128 128-57.308 128-128S326.692 32 256 32zm0 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"/><g><path d="M147.092 254.21L64 400h96l48 80 48-105.807 33.641-74.154A144.328 144.328 0 0 1 256 304c-43.505 0-82.503-19.293-108.908-49.79z" fill="currentColor"/><path d="M364.908 254.211c-15.077 17.412-34.26 31.172-56.043 39.774l-44.752 98.092L304 480l48-80h96l-83.092-145.789z" fill="currentColor"/></g></svg>

React

import type { SVGProps } from "react";

export function IonRibbonB(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 72c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/><path d="M256 32c-70.692 0-128 57.308-128 128s57.308 128 128 128 128-57.308 128-128S326.692 32 256 32zm0 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"/><g><path d="M147.092 254.21L64 400h96l48 80 48-105.807 33.641-74.154A144.328 144.328 0 0 1 256 304c-43.505 0-82.503-19.293-108.908-49.79z" fill="currentColor"/><path d="M364.908 254.211c-15.077 17.412-34.26 31.172-56.043 39.774l-44.752 98.092L304 480l48-80h96l-83.092-145.789z" fill="currentColor"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 72c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/><path d="M256 32c-70.692 0-128 57.308-128 128s57.308 128 128 128 128-57.308 128-128S326.692 32 256 32zm0 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"/><g><path d="M147.092 254.21L64 400h96l48 80 48-105.807 33.641-74.154A144.328 144.328 0 0 1 256 304c-43.505 0-82.503-19.293-108.908-49.79z" fill="currentColor"/><path d="M364.908 254.211c-15.077 17.412-34.26 31.172-56.043 39.774l-44.752 98.092L304 480l48-80h96l-83.092-145.789z" fill="currentColor"/></g></svg>
</template>

CSS

.icon-ribbon-b {
  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%22M256%2072c-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%3Cpath%20d%3D%22M256%2032c-70.692%200-128%2057.308-128%20128s57.308%20128%20128%20128%20128-57.308%20128-128S326.692%2032%20256%2032zm0%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%3Cg%3E%3Cpath%20d%3D%22M147.092%20254.21L64%20400h96l48%2080%2048-105.807%2033.641-74.154A144.328%20144.328%200%200%201%20256%20304c-43.505%200-82.503-19.293-108.908-49.79z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M364.908%20254.211c-15.077%2017.412-34.26%2031.172-56.043%2039.774l-44.752%2098.092L304%20480l48-80h96l-83.092-145.789z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%22M256%2072c-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%3Cpath%20d%3D%22M256%2032c-70.692%200-128%2057.308-128%20128s57.308%20128%20128%20128%20128-57.308%20128-128S326.692%2032%20256%2032zm0%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%3Cg%3E%3Cpath%20d%3D%22M147.092%20254.21L64%20400h96l48%2080%2048-105.807%2033.641-74.154A144.328%20144.328%200%200%201%20256%20304c-43.505%200-82.503-19.293-108.908-49.79z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M364.908%20254.211c-15.077%2017.412-34.26%2031.172-56.043%2039.774l-44.752%2098.092L304%20480l48-80h96l-83.092-145.789z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ribbon-b.svg?color=%231a73e8&size=48