sort by alpha icon
sort-by-alpha-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- sort-by-alpha-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- sort-by-alpha-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the sort by alpha icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.63 14.216l-.824 2.057q-.062.14-.177.222q-.116.082-.279.082q-.271 0-.42-.21q-.15-.211-.046-.461l3.328-8.179q.06-.14.18-.222t.275-.082h.36q.15 0 .267.079q.116.079.183.225l3.275 8.152q.098.263-.057.48q-.154.218-.424.218q-.161 0-.296-.092q-.134-.09-.196-.25l-.76-2.02zm.332-.893h3.677L6.862 8.727H6.75zm10.373 2.339h4.784q.191 0 .325.137t.133.32t-.133.32t-.325.138h-5.723q-.114 0-.193-.077q-.08-.078-.08-.188v-.42q0-.128.04-.246q.04-.119.108-.225l5.056-7.083h-4.546q-.191 0-.324-.137t-.134-.32t.134-.32t.324-.138h5.473q.114 0 .193.077q.08.078.08.188v.42q0 .127-.04.246t-.108.225zM9.946 4.808q-.141 0-.192-.121q-.05-.121.057-.228l1.9-1.9q.128-.128.293-.128t.288.13L14.19 4.46q.106.107.056.228q-.05.12-.192.12zm1.762 16.63L9.81 19.542q-.107-.106-.057-.227t.192-.122h4.108q.141 0 .192.122q.05.12-.056.227l-1.9 1.9q-.128.128-.293.128t-.29-.13"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSortByAlphaRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.63 14.216l-.824 2.057q-.062.14-.177.222q-.116.082-.279.082q-.271 0-.42-.21q-.15-.211-.046-.461l3.328-8.179q.06-.14.18-.222t.275-.082h.36q.15 0 .267.079q.116.079.183.225l3.275 8.152q.098.263-.057.48q-.154.218-.424.218q-.161 0-.296-.092q-.134-.09-.196-.25l-.76-2.02zm.332-.893h3.677L6.862 8.727H6.75zm10.373 2.339h4.784q.191 0 .325.137t.133.32t-.133.32t-.325.138h-5.723q-.114 0-.193-.077q-.08-.078-.08-.188v-.42q0-.128.04-.246q.04-.119.108-.225l5.056-7.083h-4.546q-.191 0-.324-.137t-.134-.32t.134-.32t.324-.138h5.473q.114 0 .193.077q.08.078.08.188v.42q0 .127-.04.246t-.108.225zM9.946 4.808q-.141 0-.192-.121q-.05-.121.057-.228l1.9-1.9q.128-.128.293-.128t.288.13L14.19 4.46q.106.107.056.228q-.05.12-.192.12zm1.762 16.63L9.81 19.542q-.107-.106-.057-.227t.192-.122h4.108q.141 0 .192.122q.05.12-.056.227l-1.9 1.9q-.128.128-.293.128t-.29-.13"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.63 14.216l-.824 2.057q-.062.14-.177.222q-.116.082-.279.082q-.271 0-.42-.21q-.15-.211-.046-.461l3.328-8.179q.06-.14.18-.222t.275-.082h.36q.15 0 .267.079q.116.079.183.225l3.275 8.152q.098.263-.057.48q-.154.218-.424.218q-.161 0-.296-.092q-.134-.09-.196-.25l-.76-2.02zm.332-.893h3.677L6.862 8.727H6.75zm10.373 2.339h4.784q.191 0 .325.137t.133.32t-.133.32t-.325.138h-5.723q-.114 0-.193-.077q-.08-.078-.08-.188v-.42q0-.128.04-.246q.04-.119.108-.225l5.056-7.083h-4.546q-.191 0-.324-.137t-.134-.32t.134-.32t.324-.138h5.473q.114 0 .193.077q.08.078.08.188v.42q0 .127-.04.246t-.108.225zM9.946 4.808q-.141 0-.192-.121q-.05-.121.057-.228l1.9-1.9q.128-.128.293-.128t.288.13L14.19 4.46q.106.107.056.228q-.05.12-.192.12zm1.762 16.63L9.81 19.542q-.107-.106-.057-.227t.192-.122h4.108q.141 0 .192.122q.05.12-.056.227l-1.9 1.9q-.128.128-.293.128t-.29-.13"/></svg> </template>
CSS
.icon-sort-by-alpha-rounded {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4.63%2014.216l-.824%202.057q-.062.14-.177.222q-.116.082-.279.082q-.271%200-.42-.21q-.15-.211-.046-.461l3.328-8.179q.06-.14.18-.222t.275-.082h.36q.15%200%20.267.079q.116.079.183.225l3.275%208.152q.098.263-.057.48q-.154.218-.424.218q-.161%200-.296-.092q-.134-.09-.196-.25l-.76-2.02zm.332-.893h3.677L6.862%208.727H6.75zm10.373%202.339h4.784q.191%200%20.325.137t.133.32t-.133.32t-.325.138h-5.723q-.114%200-.193-.077q-.08-.078-.08-.188v-.42q0-.128.04-.246q.04-.119.108-.225l5.056-7.083h-4.546q-.191%200-.324-.137t-.134-.32t.134-.32t.324-.138h5.473q.114%200%20.193.077q.08.078.08.188v.42q0%20.127-.04.246t-.108.225zM9.946%204.808q-.141%200-.192-.121q-.05-.121.057-.228l1.9-1.9q.128-.128.293-.128t.288.13L14.19%204.46q.106.107.056.228q-.05.12-.192.12zm1.762%2016.63L9.81%2019.542q-.107-.106-.057-.227t.192-.122h4.108q.141%200%20.192.122q.05.12-.056.227l-1.9%201.9q-.128.128-.293.128t-.29-.13%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4.63%2014.216l-.824%202.057q-.062.14-.177.222q-.116.082-.279.082q-.271%200-.42-.21q-.15-.211-.046-.461l3.328-8.179q.06-.14.18-.222t.275-.082h.36q.15%200%20.267.079q.116.079.183.225l3.275%208.152q.098.263-.057.48q-.154.218-.424.218q-.161%200-.296-.092q-.134-.09-.196-.25l-.76-2.02zm.332-.893h3.677L6.862%208.727H6.75zm10.373%202.339h4.784q.191%200%20.325.137t.133.32t-.133.32t-.325.138h-5.723q-.114%200-.193-.077q-.08-.078-.08-.188v-.42q0-.128.04-.246q.04-.119.108-.225l5.056-7.083h-4.546q-.191%200-.324-.137t-.134-.32t.134-.32t.324-.138h5.473q.114%200%20.193.077q.08.078.08.188v.42q0%20.127-.04.246t-.108.225zM9.946%204.808q-.141%200-.192-.121q-.05-.121.057-.228l1.9-1.9q.128-.128.293-.128t.288.13L14.19%204.46q.106.107.056.228q-.05.12-.192.12zm1.762%2016.63L9.81%2019.542q-.107-.106-.057-.227t.192-.122h4.108q.141%200%20.192.122q.05.12-.056.227l-1.9%201.9q-.128.128-.293.128t-.29-.13%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/sort-by-alpha-rounded.svg?color=%231a73e8&size=48
