align top icon

align-top from Reicon by REICON · Outline · Tools · MIT Free for personal and commercial use.

Name
align-top
Set
Reicon
Style
Outline
Category
Tools
Viewbox
24×24
License
MIT

2 other variants in Reicon

align-top-duotonealign-top-filled

The same icon in other sets

All align top icons →
align-topAkar Iconsalign-topBootstrap Iconsalign-top-16-filledFluent UI System Iconsalign-topcss.ggalign-topHuge Iconsalign-topIconParkalign-topIconPark Outlinealign-topIconPark Solidalign-topIconPark TwoTonealign-topMajesticonsalign-top-fillMingCute Iconalign-topMyna UI Iconsalign-topPhosphoralign-topRadix Iconsalign-topRemix Iconalign-top-boldSolaralign-topTDesign Iconsalign-top-outlineTeenyicons

More tools icons from Reicon

align-bottomalign-h-centeralign-h-spacingalign-leftalign-rightalign-v-centeralign-v-spacingblurcolor-tuningcropcrop2draw-compassfiltersflip-hflip-vhandlayerslayers-2magic-wandmirror-leftmirror-rightpaint-rollerpaintbrushpalette

Use the align top icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.25 3A.75.75 0 0 1 2 2.25h20a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 3m6.218 3.25h.064c.44 0 .82 0 1.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028 1.13v9.065c0 .44 0 .82-.028 1.13c-.03.33-.096.656-.273.963a2.25 2.25 0 0 1-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44 0-.82 0-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25 2.25 0 0 1-.824-.824c-.177-.307-.243-.633-.273-.962a14 14 0 0 1-.028-1.13V9.467c0-.44 0-.82.028-1.13c.03-.33.096-.656.273-.963a2.25 2.25 0 0 1 .824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028 1.13-.028m-.995 1.522c-.225.02-.307.055-.348.078a.75.75 0 0 0-.275.275c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022 1.027v9c0 .481 0 .792.022 1.027c.02.225.055.307.078.348a.75.75 0 0 0 .275.274c.04.024.123.058.348.079c.235.021.546.022 1.027.022s.792 0 1.027-.022c.225-.02.307-.055.348-.079a.75.75 0 0 0 .275-.274c.023-.04.058-.123.078-.348c.021-.235.022-.546.022-1.027v-9c0-.481 0-.792-.022-1.027c-.02-.225-.055-.307-.078-.348a.75.75 0 0 0-.275-.275c-.04-.023-.123-.058-.348-.078A13 13 0 0 0 7.5 7.75c-.481 0-.792 0-1.027.022m9.995-1.522h.064c.44 0 .82 0 1.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028 1.13v6.065c0 .44 0 .82-.028 1.13c-.03.33-.096.656-.273.963a2.25 2.25 0 0 1-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44 0-.82 0-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25 2.25 0 0 1-.824-.824c-.177-.307-.243-.633-.273-.962c-.028-.312-.028-.691-.028-1.13V9.467c0-.44 0-.82.028-1.13c.03-.33.096-.656.273-.963a2.25 2.25 0 0 1 .824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028 1.13-.028m-.995 1.522c-.225.02-.307.055-.348.078a.75.75 0 0 0-.274.275c-.024.04-.059.123-.079.348c-.021.235-.022.546-.022 1.027v6c0 .481 0 .792.022 1.027c.02.225.055.307.079.348a.75.75 0 0 0 .274.274c.04.024.123.058.348.079c.235.021.546.022 1.027.022s.792 0 1.027-.022c.225-.02.307-.055.348-.079a.75.75 0 0 0 .274-.274c.024-.04.058-.123.079-.348c.021-.235.022-.546.022-1.027v-6c0-.481 0-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75 0 0 0-.274-.275c-.04-.023-.123-.058-.348-.078A13 13 0 0 0 16.5 7.75c-.481 0-.792 0-1.027.022" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function ReiconAlignTop(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" fillRule="evenodd" d="M1.25 3A.75.75 0 0 1 2 2.25h20a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 3m6.218 3.25h.064c.44 0 .82 0 1.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028 1.13v9.065c0 .44 0 .82-.028 1.13c-.03.33-.096.656-.273.963a2.25 2.25 0 0 1-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44 0-.82 0-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25 2.25 0 0 1-.824-.824c-.177-.307-.243-.633-.273-.962a14 14 0 0 1-.028-1.13V9.467c0-.44 0-.82.028-1.13c.03-.33.096-.656.273-.963a2.25 2.25 0 0 1 .824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028 1.13-.028m-.995 1.522c-.225.02-.307.055-.348.078a.75.75 0 0 0-.275.275c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022 1.027v9c0 .481 0 .792.022 1.027c.02.225.055.307.078.348a.75.75 0 0 0 .275.274c.04.024.123.058.348.079c.235.021.546.022 1.027.022s.792 0 1.027-.022c.225-.02.307-.055.348-.079a.75.75 0 0 0 .275-.274c.023-.04.058-.123.078-.348c.021-.235.022-.546.022-1.027v-9c0-.481 0-.792-.022-1.027c-.02-.225-.055-.307-.078-.348a.75.75 0 0 0-.275-.275c-.04-.023-.123-.058-.348-.078A13 13 0 0 0 7.5 7.75c-.481 0-.792 0-1.027.022m9.995-1.522h.064c.44 0 .82 0 1.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028 1.13v6.065c0 .44 0 .82-.028 1.13c-.03.33-.096.656-.273.963a2.25 2.25 0 0 1-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44 0-.82 0-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25 2.25 0 0 1-.824-.824c-.177-.307-.243-.633-.273-.962c-.028-.312-.028-.691-.028-1.13V9.467c0-.44 0-.82.028-1.13c.03-.33.096-.656.273-.963a2.25 2.25 0 0 1 .824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028 1.13-.028m-.995 1.522c-.225.02-.307.055-.348.078a.75.75 0 0 0-.274.275c-.024.04-.059.123-.079.348c-.021.235-.022.546-.022 1.027v6c0 .481 0 .792.022 1.027c.02.225.055.307.079.348a.75.75 0 0 0 .274.274c.04.024.123.058.348.079c.235.021.546.022 1.027.022s.792 0 1.027-.022c.225-.02.307-.055.348-.079a.75.75 0 0 0 .274-.274c.024-.04.058-.123.079-.348c.021-.235.022-.546.022-1.027v-6c0-.481 0-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75 0 0 0-.274-.275c-.04-.023-.123-.058-.348-.078A13 13 0 0 0 16.5 7.75c-.481 0-.792 0-1.027.022" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.25 3A.75.75 0 0 1 2 2.25h20a.75.75 0 0 1 0 1.5H2A.75.75 0 0 1 1.25 3m6.218 3.25h.064c.44 0 .82 0 1.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028 1.13v9.065c0 .44 0 .82-.028 1.13c-.03.33-.096.656-.273.963a2.25 2.25 0 0 1-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44 0-.82 0-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25 2.25 0 0 1-.824-.824c-.177-.307-.243-.633-.273-.962a14 14 0 0 1-.028-1.13V9.467c0-.44 0-.82.028-1.13c.03-.33.096-.656.273-.963a2.25 2.25 0 0 1 .824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028 1.13-.028m-.995 1.522c-.225.02-.307.055-.348.078a.75.75 0 0 0-.275.275c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022 1.027v9c0 .481 0 .792.022 1.027c.02.225.055.307.078.348a.75.75 0 0 0 .275.274c.04.024.123.058.348.079c.235.021.546.022 1.027.022s.792 0 1.027-.022c.225-.02.307-.055.348-.079a.75.75 0 0 0 .275-.274c.023-.04.058-.123.078-.348c.021-.235.022-.546.022-1.027v-9c0-.481 0-.792-.022-1.027c-.02-.225-.055-.307-.078-.348a.75.75 0 0 0-.275-.275c-.04-.023-.123-.058-.348-.078A13 13 0 0 0 7.5 7.75c-.481 0-.792 0-1.027.022m9.995-1.522h.064c.44 0 .82 0 1.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028 1.13v6.065c0 .44 0 .82-.028 1.13c-.03.33-.096.656-.273.963a2.25 2.25 0 0 1-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44 0-.82 0-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25 2.25 0 0 1-.824-.824c-.177-.307-.243-.633-.273-.962c-.028-.312-.028-.691-.028-1.13V9.467c0-.44 0-.82.028-1.13c.03-.33.096-.656.273-.963a2.25 2.25 0 0 1 .824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028 1.13-.028m-.995 1.522c-.225.02-.307.055-.348.078a.75.75 0 0 0-.274.275c-.024.04-.059.123-.079.348c-.021.235-.022.546-.022 1.027v6c0 .481 0 .792.022 1.027c.02.225.055.307.079.348a.75.75 0 0 0 .274.274c.04.024.123.058.348.079c.235.021.546.022 1.027.022s.792 0 1.027-.022c.225-.02.307-.055.348-.079a.75.75 0 0 0 .274-.274c.024-.04.058-.123.079-.348c.021-.235.022-.546.022-1.027v-6c0-.481 0-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75 0 0 0-.274-.275c-.04-.023-.123-.058-.348-.078A13 13 0 0 0 16.5 7.75c-.481 0-.792 0-1.027.022" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-align-top {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M1.25%203A.75.75%200%200%201%202%202.25h20a.75.75%200%200%201%200%201.5H2A.75.75%200%200%201%201.25%203m6.218%203.25h.064c.44%200%20.82%200%201.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028%201.13v9.065c0%20.44%200%20.82-.028%201.13c-.03.33-.096.656-.273.963a2.25%202.25%200%200%201-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44%200-.82%200-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25%202.25%200%200%201-.824-.824c-.177-.307-.243-.633-.273-.962a14%2014%200%200%201-.028-1.13V9.467c0-.44%200-.82.028-1.13c.03-.33.096-.656.273-.963a2.25%202.25%200%200%201%20.824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028%201.13-.028m-.995%201.522c-.225.02-.307.055-.348.078a.75.75%200%200%200-.275.275c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022%201.027v9c0%20.481%200%20.792.022%201.027c.02.225.055.307.078.348a.75.75%200%200%200%20.275.274c.04.024.123.058.348.079c.235.021.546.022%201.027.022s.792%200%201.027-.022c.225-.02.307-.055.348-.079a.75.75%200%200%200%20.275-.274c.023-.04.058-.123.078-.348c.021-.235.022-.546.022-1.027v-9c0-.481%200-.792-.022-1.027c-.02-.225-.055-.307-.078-.348a.75.75%200%200%200-.275-.275c-.04-.023-.123-.058-.348-.078A13%2013%200%200%200%207.5%207.75c-.481%200-.792%200-1.027.022m9.995-1.522h.064c.44%200%20.82%200%201.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028%201.13v6.065c0%20.44%200%20.82-.028%201.13c-.03.33-.096.656-.273.963a2.25%202.25%200%200%201-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44%200-.82%200-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25%202.25%200%200%201-.824-.824c-.177-.307-.243-.633-.273-.962c-.028-.312-.028-.691-.028-1.13V9.467c0-.44%200-.82.028-1.13c.03-.33.096-.656.273-.963a2.25%202.25%200%200%201%20.824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028%201.13-.028m-.995%201.522c-.225.02-.307.055-.348.078a.75.75%200%200%200-.274.275c-.024.04-.059.123-.079.348c-.021.235-.022.546-.022%201.027v6c0%20.481%200%20.792.022%201.027c.02.225.055.307.079.348a.75.75%200%200%200%20.274.274c.04.024.123.058.348.079c.235.021.546.022%201.027.022s.792%200%201.027-.022c.225-.02.307-.055.348-.079a.75.75%200%200%200%20.274-.274c.024-.04.058-.123.079-.348c.021-.235.022-.546.022-1.027v-6c0-.481%200-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75%200%200%200-.274-.275c-.04-.023-.123-.058-.348-.078A13%2013%200%200%200%2016.5%207.75c-.481%200-.792%200-1.027.022%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M1.25%203A.75.75%200%200%201%202%202.25h20a.75.75%200%200%201%200%201.5H2A.75.75%200%200%201%201.25%203m6.218%203.25h.064c.44%200%20.82%200%201.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028%201.13v9.065c0%20.44%200%20.82-.028%201.13c-.03.33-.096.656-.273.963a2.25%202.25%200%200%201-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44%200-.82%200-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25%202.25%200%200%201-.824-.824c-.177-.307-.243-.633-.273-.962a14%2014%200%200%201-.028-1.13V9.467c0-.44%200-.82.028-1.13c.03-.33.096-.656.273-.963a2.25%202.25%200%200%201%20.824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028%201.13-.028m-.995%201.522c-.225.02-.307.055-.348.078a.75.75%200%200%200-.275.275c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022%201.027v9c0%20.481%200%20.792.022%201.027c.02.225.055.307.078.348a.75.75%200%200%200%20.275.274c.04.024.123.058.348.079c.235.021.546.022%201.027.022s.792%200%201.027-.022c.225-.02.307-.055.348-.079a.75.75%200%200%200%20.275-.274c.023-.04.058-.123.078-.348c.021-.235.022-.546.022-1.027v-9c0-.481%200-.792-.022-1.027c-.02-.225-.055-.307-.078-.348a.75.75%200%200%200-.275-.275c-.04-.023-.123-.058-.348-.078A13%2013%200%200%200%207.5%207.75c-.481%200-.792%200-1.027.022m9.995-1.522h.064c.44%200%20.82%200%201.13.028c.33.03.656.096.963.273c.342.198.626.482.824.824c.177.307.243.633.273.962c.028.312.028.691.028%201.13v6.065c0%20.44%200%20.82-.028%201.13c-.03.33-.096.656-.273.963a2.25%202.25%200%200%201-.824.824c-.307.177-.633.243-.962.273c-.312.028-.691.028-1.13.028h-.065c-.44%200-.82%200-1.13-.028c-.33-.03-.656-.096-.963-.273a2.25%202.25%200%200%201-.824-.824c-.177-.307-.243-.633-.273-.962c-.028-.312-.028-.691-.028-1.13V9.467c0-.44%200-.82.028-1.13c.03-.33.096-.656.273-.963a2.25%202.25%200%200%201%20.824-.824c.307-.177.633-.243.962-.273c.312-.028.691-.028%201.13-.028m-.995%201.522c-.225.02-.307.055-.348.078a.75.75%200%200%200-.274.275c-.024.04-.059.123-.079.348c-.021.235-.022.546-.022%201.027v6c0%20.481%200%20.792.022%201.027c.02.225.055.307.079.348a.75.75%200%200%200%20.274.274c.04.024.123.058.348.079c.235.021.546.022%201.027.022s.792%200%201.027-.022c.225-.02.307-.055.348-.079a.75.75%200%200%200%20.274-.274c.024-.04.058-.123.079-.348c.021-.235.022-.546.022-1.027v-6c0-.481%200-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75%200%200%200-.274-.275c-.04-.023-.123-.058-.348-.078A13%2013%200%200%200%2016.5%207.75c-.481%200-.792%200-1.027.022%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/align-top.svg?color=%231a73e8&size=48