exclamationmark octagon icon
exclamationmark-octagon-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- exclamationmark-octagon-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the exclamationmark octagon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M20.887 50.71h14.226c2.977 0 4.407-.96 5.93-2.624l8.625-9.563c1.547-1.71 1.945-2.836 1.945-5.156v-10.71c0-2.344-.398-3.446-1.945-5.157l-8.625-9.562c-1.523-1.665-2.953-2.649-5.93-2.649H20.887c-2.977 0-4.383.984-5.93 2.649L6.332 17.5c-1.547 1.71-1.945 2.813-1.945 5.156v10.711c0 2.32.398 3.446 1.945 5.156l8.625 9.563c1.547 1.664 2.953 2.625 5.93 2.625m7.125-19.288c-1.242 0-1.922-.727-1.97-1.969l-.327-11.578c-.047-1.29.914-2.203 2.273-2.203c1.313 0 2.32.937 2.274 2.226l-.329 11.555c-.046 1.266-.75 1.969-1.921 1.969m0 8.625c-1.36 0-2.649-1.078-2.649-2.531s1.266-2.532 2.649-2.532c1.36 0 2.625 1.055 2.625 2.532c0 1.476-1.29 2.53-2.625 2.53"/></svg>
React
import type { SVGProps } from "react";
export function F7ExclamationmarkOctagonFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M20.887 50.71h14.226c2.977 0 4.407-.96 5.93-2.624l8.625-9.563c1.547-1.71 1.945-2.836 1.945-5.156v-10.71c0-2.344-.398-3.446-1.945-5.157l-8.625-9.562c-1.523-1.665-2.953-2.649-5.93-2.649H20.887c-2.977 0-4.383.984-5.93 2.649L6.332 17.5c-1.547 1.71-1.945 2.813-1.945 5.156v10.711c0 2.32.398 3.446 1.945 5.156l8.625 9.563c1.547 1.664 2.953 2.625 5.93 2.625m7.125-19.288c-1.242 0-1.922-.727-1.97-1.969l-.327-11.578c-.047-1.29.914-2.203 2.273-2.203c1.313 0 2.32.937 2.274 2.226l-.329 11.555c-.046 1.266-.75 1.969-1.921 1.969m0 8.625c-1.36 0-2.649-1.078-2.649-2.531s1.266-2.532 2.649-2.532c1.36 0 2.625 1.055 2.625 2.532c0 1.476-1.29 2.53-2.625 2.53"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M20.887 50.71h14.226c2.977 0 4.407-.96 5.93-2.624l8.625-9.563c1.547-1.71 1.945-2.836 1.945-5.156v-10.71c0-2.344-.398-3.446-1.945-5.157l-8.625-9.562c-1.523-1.665-2.953-2.649-5.93-2.649H20.887c-2.977 0-4.383.984-5.93 2.649L6.332 17.5c-1.547 1.71-1.945 2.813-1.945 5.156v10.711c0 2.32.398 3.446 1.945 5.156l8.625 9.563c1.547 1.664 2.953 2.625 5.93 2.625m7.125-19.288c-1.242 0-1.922-.727-1.97-1.969l-.327-11.578c-.047-1.29.914-2.203 2.273-2.203c1.313 0 2.32.937 2.274 2.226l-.329 11.555c-.046 1.266-.75 1.969-1.921 1.969m0 8.625c-1.36 0-2.649-1.078-2.649-2.531s1.266-2.532 2.649-2.532c1.36 0 2.625 1.055 2.625 2.532c0 1.476-1.29 2.53-2.625 2.53"/></svg> </template>
CSS
.icon-exclamationmark-octagon-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.887%2050.71h14.226c2.977%200%204.407-.96%205.93-2.624l8.625-9.563c1.547-1.71%201.945-2.836%201.945-5.156v-10.71c0-2.344-.398-3.446-1.945-5.157l-8.625-9.562c-1.523-1.665-2.953-2.649-5.93-2.649H20.887c-2.977%200-4.383.984-5.93%202.649L6.332%2017.5c-1.547%201.71-1.945%202.813-1.945%205.156v10.711c0%202.32.398%203.446%201.945%205.156l8.625%209.563c1.547%201.664%202.953%202.625%205.93%202.625m7.125-19.288c-1.242%200-1.922-.727-1.97-1.969l-.327-11.578c-.047-1.29.914-2.203%202.273-2.203c1.313%200%202.32.937%202.274%202.226l-.329%2011.555c-.046%201.266-.75%201.969-1.921%201.969m0%208.625c-1.36%200-2.649-1.078-2.649-2.531s1.266-2.532%202.649-2.532c1.36%200%202.625%201.055%202.625%202.532c0%201.476-1.29%202.53-2.625%202.53%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.887%2050.71h14.226c2.977%200%204.407-.96%205.93-2.624l8.625-9.563c1.547-1.71%201.945-2.836%201.945-5.156v-10.71c0-2.344-.398-3.446-1.945-5.157l-8.625-9.562c-1.523-1.665-2.953-2.649-5.93-2.649H20.887c-2.977%200-4.383.984-5.93%202.649L6.332%2017.5c-1.547%201.71-1.945%202.813-1.945%205.156v10.711c0%202.32.398%203.446%201.945%205.156l8.625%209.563c1.547%201.664%202.953%202.625%205.93%202.625m7.125-19.288c-1.242%200-1.922-.727-1.97-1.969l-.327-11.578c-.047-1.29.914-2.203%202.273-2.203c1.313%200%202.32.937%202.274%202.226l-.329%2011.555c-.046%201.266-.75%201.969-1.921%201.969m0%208.625c-1.36%200-2.649-1.078-2.649-2.531s1.266-2.532%202.649-2.532c1.36%200%202.625%201.055%202.625%202.532c0%201.476-1.29%202.53-2.625%202.53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/exclamationmark-octagon-fill.svg?color=%231a73e8&size=48
