sort up circle icon
sort-up-circle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- sort-up-circle-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the sort up circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 4c13.255 0 24 10.745 24 24S41.255 52 28 52S4 41.255 4 28S14.745 4 28 4m-.219 30.695c-1.031 0-1.781.657-1.781 1.64c0 1.009.75 1.665 1.781 1.665h15.57c1.032 0 1.758-.656 1.758-1.664c0-.984-.726-1.64-1.757-1.64zm2.938-7.757c-1.031 0-1.758.656-1.758 1.64c0 1.008.727 1.664 1.758 1.664h12.633c1.03 0 1.757-.656 1.757-1.664c0-.984-.726-1.64-1.757-1.64zm3.242-7.758c-1.031 0-1.781.656-1.781 1.64c0 1.008.75 1.664 1.78 1.664h9.368c1.031 0 1.781-.656 1.781-1.664c0-.984-.75-1.64-1.78-1.64zm-13.764-5.32c-.515 0-.914.21-1.383.656l-7.921 7.922c-.329.304-.493.726-.493 1.218c0 .961.75 1.688 1.711 1.688c.516 0 .938-.164 1.243-.516l2.906-2.93l2.367-2.835l-.188 4.968v15.211c0 1.032.75 1.758 1.758 1.758c1.031 0 1.758-.727 1.758-1.758v-15.21l-.187-4.946l2.367 2.813l2.906 2.93c.305.327.75.515 1.242.515c.961 0 1.688-.727 1.688-1.688c0-.492-.14-.914-.446-1.218l-7.968-7.922c-.47-.47-.844-.657-1.36-.657"/></svg>
React
import type { SVGProps } from "react";
export function F7SortUpCircleFill(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="M28 4c13.255 0 24 10.745 24 24S41.255 52 28 52S4 41.255 4 28S14.745 4 28 4m-.219 30.695c-1.031 0-1.781.657-1.781 1.64c0 1.009.75 1.665 1.781 1.665h15.57c1.032 0 1.758-.656 1.758-1.664c0-.984-.726-1.64-1.757-1.64zm2.938-7.757c-1.031 0-1.758.656-1.758 1.64c0 1.008.727 1.664 1.758 1.664h12.633c1.03 0 1.757-.656 1.757-1.664c0-.984-.726-1.64-1.757-1.64zm3.242-7.758c-1.031 0-1.781.656-1.781 1.64c0 1.008.75 1.664 1.78 1.664h9.368c1.031 0 1.781-.656 1.781-1.664c0-.984-.75-1.64-1.78-1.64zm-13.764-5.32c-.515 0-.914.21-1.383.656l-7.921 7.922c-.329.304-.493.726-.493 1.218c0 .961.75 1.688 1.711 1.688c.516 0 .938-.164 1.243-.516l2.906-2.93l2.367-2.835l-.188 4.968v15.211c0 1.032.75 1.758 1.758 1.758c1.031 0 1.758-.727 1.758-1.758v-15.21l-.187-4.946l2.367 2.813l2.906 2.93c.305.327.75.515 1.242.515c.961 0 1.688-.727 1.688-1.688c0-.492-.14-.914-.446-1.218l-7.968-7.922c-.47-.47-.844-.657-1.36-.657"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 4c13.255 0 24 10.745 24 24S41.255 52 28 52S4 41.255 4 28S14.745 4 28 4m-.219 30.695c-1.031 0-1.781.657-1.781 1.64c0 1.009.75 1.665 1.781 1.665h15.57c1.032 0 1.758-.656 1.758-1.664c0-.984-.726-1.64-1.757-1.64zm2.938-7.757c-1.031 0-1.758.656-1.758 1.64c0 1.008.727 1.664 1.758 1.664h12.633c1.03 0 1.757-.656 1.757-1.664c0-.984-.726-1.64-1.757-1.64zm3.242-7.758c-1.031 0-1.781.656-1.781 1.64c0 1.008.75 1.664 1.78 1.664h9.368c1.031 0 1.781-.656 1.781-1.664c0-.984-.75-1.64-1.78-1.64zm-13.764-5.32c-.515 0-.914.21-1.383.656l-7.921 7.922c-.329.304-.493.726-.493 1.218c0 .961.75 1.688 1.711 1.688c.516 0 .938-.164 1.243-.516l2.906-2.93l2.367-2.835l-.188 4.968v15.211c0 1.032.75 1.758 1.758 1.758c1.031 0 1.758-.727 1.758-1.758v-15.21l-.187-4.946l2.367 2.813l2.906 2.93c.305.327.75.515 1.242.515c.961 0 1.688-.727 1.688-1.688c0-.492-.14-.914-.446-1.218l-7.968-7.922c-.47-.47-.844-.657-1.36-.657"/></svg> </template>
CSS
.icon-sort-up-circle-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%22M28%204c13.255%200%2024%2010.745%2024%2024S41.255%2052%2028%2052S4%2041.255%204%2028S14.745%204%2028%204m-.219%2030.695c-1.031%200-1.781.657-1.781%201.64c0%201.009.75%201.665%201.781%201.665h15.57c1.032%200%201.758-.656%201.758-1.664c0-.984-.726-1.64-1.757-1.64zm2.938-7.757c-1.031%200-1.758.656-1.758%201.64c0%201.008.727%201.664%201.758%201.664h12.633c1.03%200%201.757-.656%201.757-1.664c0-.984-.726-1.64-1.757-1.64zm3.242-7.758c-1.031%200-1.781.656-1.781%201.64c0%201.008.75%201.664%201.78%201.664h9.368c1.031%200%201.781-.656%201.781-1.664c0-.984-.75-1.64-1.78-1.64zm-13.764-5.32c-.515%200-.914.21-1.383.656l-7.921%207.922c-.329.304-.493.726-.493%201.218c0%20.961.75%201.688%201.711%201.688c.516%200%20.938-.164%201.243-.516l2.906-2.93l2.367-2.835l-.188%204.968v15.211c0%201.032.75%201.758%201.758%201.758c1.031%200%201.758-.727%201.758-1.758v-15.21l-.187-4.946l2.367%202.813l2.906%202.93c.305.327.75.515%201.242.515c.961%200%201.688-.727%201.688-1.688c0-.492-.14-.914-.446-1.218l-7.968-7.922c-.47-.47-.844-.657-1.36-.657%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%22M28%204c13.255%200%2024%2010.745%2024%2024S41.255%2052%2028%2052S4%2041.255%204%2028S14.745%204%2028%204m-.219%2030.695c-1.031%200-1.781.657-1.781%201.64c0%201.009.75%201.665%201.781%201.665h15.57c1.032%200%201.758-.656%201.758-1.664c0-.984-.726-1.64-1.757-1.64zm2.938-7.757c-1.031%200-1.758.656-1.758%201.64c0%201.008.727%201.664%201.758%201.664h12.633c1.03%200%201.757-.656%201.757-1.664c0-.984-.726-1.64-1.757-1.64zm3.242-7.758c-1.031%200-1.781.656-1.781%201.64c0%201.008.75%201.664%201.78%201.664h9.368c1.031%200%201.781-.656%201.781-1.664c0-.984-.75-1.64-1.78-1.64zm-13.764-5.32c-.515%200-.914.21-1.383.656l-7.921%207.922c-.329.304-.493.726-.493%201.218c0%20.961.75%201.688%201.711%201.688c.516%200%20.938-.164%201.243-.516l2.906-2.93l2.367-2.835l-.188%204.968v15.211c0%201.032.75%201.758%201.758%201.758c1.031%200%201.758-.727%201.758-1.758v-15.21l-.187-4.946l2.367%202.813l2.906%202.93c.305.327.75.515%201.242.515c.961%200%201.688-.727%201.688-1.688c0-.492-.14-.914-.446-1.218l-7.968-7.922c-.47-.47-.844-.657-1.36-.657%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/sort-up-circle-fill.svg?color=%231a73e8&size=48
