sign yield icon
sign-yield from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- sign-yield
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
Related icons in Bootstrap Icons
Use the sign yield icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.506 6.232V7H5.11v-.76L4.44 5h.44l.424.849h.016L5.748 5h.428zM6.628 5v2h-.396V5zm.684 1.676h.895V7H6.919V5h1.288v.324h-.895v.513h.842v.303h-.842zm1.521-.013h.848V7H8.437V5h.396z"/><path fill-rule="evenodd" d="M9.804 7V5h.73c.607 0 .894.364.894.995c0 .636-.291 1.005-.895 1.005zm.676-1.677h-.28v1.353h.28c.372 0 .54-.222.54-.674c0-.45-.169-.68-.54-.68Z"/><path fill-rule="evenodd" d="M7.022 14.434a1.131 1.131 0 0 0 1.96 0l6.857-11.667c.457-.778-.092-1.767-.98-1.767H1.144c-.889 0-1.437.99-.98 1.767zm.98-.434a.13.13 0 0 1-.064-.016a.15.15 0 0 1-.054-.057L1.027 2.26a.18.18 0 0 1-.002-.183a.2.2 0 0 1 .054-.06A.1.1 0 0 1 1.145 2h13.713a.12.12 0 0 1 .066.017q.028.015.055.06a.18.18 0 0 1-.003.183L8.12 13.927a.15.15 0 0 1-.054.057a.13.13 0 0 1-.063.016Z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiSignYield(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.506 6.232V7H5.11v-.76L4.44 5h.44l.424.849h.016L5.748 5h.428zM6.628 5v2h-.396V5zm.684 1.676h.895V7H6.919V5h1.288v.324h-.895v.513h.842v.303h-.842zm1.521-.013h.848V7H8.437V5h.396z"/><path fillRule="evenodd" d="M9.804 7V5h.73c.607 0 .894.364.894.995c0 .636-.291 1.005-.895 1.005zm.676-1.677h-.28v1.353h.28c.372 0 .54-.222.54-.674c0-.45-.169-.68-.54-.68Z"/><path fillRule="evenodd" d="M7.022 14.434a1.131 1.131 0 0 0 1.96 0l6.857-11.667c.457-.778-.092-1.767-.98-1.767H1.144c-.889 0-1.437.99-.98 1.767zm.98-.434a.13.13 0 0 1-.064-.016a.15.15 0 0 1-.054-.057L1.027 2.26a.18.18 0 0 1-.002-.183a.2.2 0 0 1 .054-.06A.1.1 0 0 1 1.145 2h13.713a.12.12 0 0 1 .066.017q.028.015.055.06a.18.18 0 0 1-.003.183L8.12 13.927a.15.15 0 0 1-.054.057a.13.13 0 0 1-.063.016Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.506 6.232V7H5.11v-.76L4.44 5h.44l.424.849h.016L5.748 5h.428zM6.628 5v2h-.396V5zm.684 1.676h.895V7H6.919V5h1.288v.324h-.895v.513h.842v.303h-.842zm1.521-.013h.848V7H8.437V5h.396z"/><path fill-rule="evenodd" d="M9.804 7V5h.73c.607 0 .894.364.894.995c0 .636-.291 1.005-.895 1.005zm.676-1.677h-.28v1.353h.28c.372 0 .54-.222.54-.674c0-.45-.169-.68-.54-.68Z"/><path fill-rule="evenodd" d="M7.022 14.434a1.131 1.131 0 0 0 1.96 0l6.857-11.667c.457-.778-.092-1.767-.98-1.767H1.144c-.889 0-1.437.99-.98 1.767zm.98-.434a.13.13 0 0 1-.064-.016a.15.15 0 0 1-.054-.057L1.027 2.26a.18.18 0 0 1-.002-.183a.2.2 0 0 1 .054-.06A.1.1 0 0 1 1.145 2h13.713a.12.12 0 0 1 .066.017q.028.015.055.06a.18.18 0 0 1-.003.183L8.12 13.927a.15.15 0 0 1-.054.057a.13.13 0 0 1-.063.016Z"/></g></svg> </template>
CSS
.icon-sign-yield {
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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5.506%206.232V7H5.11v-.76L4.44%205h.44l.424.849h.016L5.748%205h.428zM6.628%205v2h-.396V5zm.684%201.676h.895V7H6.919V5h1.288v.324h-.895v.513h.842v.303h-.842zm1.521-.013h.848V7H8.437V5h.396z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.804%207V5h.73c.607%200%20.894.364.894.995c0%20.636-.291%201.005-.895%201.005zm.676-1.677h-.28v1.353h.28c.372%200%20.54-.222.54-.674c0-.45-.169-.68-.54-.68Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.022%2014.434a1.131%201.131%200%200%200%201.96%200l6.857-11.667c.457-.778-.092-1.767-.98-1.767H1.144c-.889%200-1.437.99-.98%201.767zm.98-.434a.13.13%200%200%201-.064-.016a.15.15%200%200%201-.054-.057L1.027%202.26a.18.18%200%200%201-.002-.183a.2.2%200%200%201%20.054-.06A.1.1%200%200%201%201.145%202h13.713a.12.12%200%200%201%20.066.017q.028.015.055.06a.18.18%200%200%201-.003.183L8.12%2013.927a.15.15%200%200%201-.054.057a.13.13%200%200%201-.063.016Z%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5.506%206.232V7H5.11v-.76L4.44%205h.44l.424.849h.016L5.748%205h.428zM6.628%205v2h-.396V5zm.684%201.676h.895V7H6.919V5h1.288v.324h-.895v.513h.842v.303h-.842zm1.521-.013h.848V7H8.437V5h.396z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.804%207V5h.73c.607%200%20.894.364.894.995c0%20.636-.291%201.005-.895%201.005zm.676-1.677h-.28v1.353h.28c.372%200%20.54-.222.54-.674c0-.45-.169-.68-.54-.68Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.022%2014.434a1.131%201.131%200%200%200%201.96%200l6.857-11.667c.457-.778-.092-1.767-.98-1.767H1.144c-.889%200-1.437.99-.98%201.767zm.98-.434a.13.13%200%200%201-.064-.016a.15.15%200%200%201-.054-.057L1.027%202.26a.18.18%200%200%201-.002-.183a.2.2%200%200%201%20.054-.06A.1.1%200%200%201%201.145%202h13.713a.12.12%200%200%201%20.066.017q.028.015.055.06a.18.18%200%200%201-.003.183L8.12%2013.927a.15.15%200%200%201-.054.057a.13.13%200%200%201-.063.016Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/sign-yield.svg?color=%231a73e8&size=48
