Skip to main content
Go back
Share

Ribbon

Tagsribbondecorativebowgiftcelebrationdecorationornament

React Code

npm install @mynaui/icons-react
import { Ribbon } from "@mynaui/icons-react";

const App = () => {
  return <Ribbon />;
};

SVG HTML

<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <path d='M18 9A6 6 0 1 1 6 9a6 6 0 0 1 12 0'/><path d='m8 13.472-1 6.44c0 .81 1.782 1.336 2.447.974l2.106-1.147a.927.927 0 0 1 .894 0l2.106 1.147c.665.362 2.447-.165 2.447-.975l-1-6.439'/>
</svg>

SVG CDN

<img src="https://unpkg.com/@mynaui/icons/icons/ribbon.svg" />

SVG Sprite

npm install @mynaui/icons
<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-ribbon"></use>
</svg>