border none icon

border-none-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name
border-none-20-regular
Set
Fluent UI System Icons
Style
20 Regular
Viewbox
20×20
License
MIT

5 other variants in Fluent UI System Icons

border-none-16-filledborder-none-16-regularborder-none-20-filledborder-none-24-filledborder-none-24-regular

The same icon in other sets

border-noneBoxIcons v2border-noneCarbonborder-noneFont Awesome 6 Solidborder-noneLine Awesomeborder-noneMaterial Design Iconsborder-noneRadix Iconsborder-noneTabler Iconsborder-none-outlineTeenyicons

Related icons in Fluent UI System Icons

border-all-16-filledborder-bottom-20-filledborder-bottom-double-20-filledborder-bottom-thick-20-filledborder-inside-16-filledborder-left-20-filledborder-left-right-20-filledborder-outside-20-filledborder-outside-thick-20-filledborder-right-20-filledborder-top-20-filledborder-top-bottom-20-filledborder-top-bottom-double-20-filledborder-top-bottom-thick-20-filled

Use the border none icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8 3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2.46.553A2 2 0 0 0 4.052 5.54a.51.51 0 0 1-.6.462a.51.51 0 0 1-.38-.663a3 3 0 0 1 2.265-2.265a.51.51 0 0 1 .663.38a.51.51 0 0 1-.462.6m0 11.894a2 2 0 0 1-1.487-1.486a.51.51 0 0 0-.6-.463a.51.51 0 0 0-.38.664a3 3 0 0 0 2.265 2.265a.505.505 0 1 0 .201-.98m9.05-12.893l.072.02a3 3 0 0 1 2.265 2.264a.506.506 0 0 1-.38.664a.51.51 0 0 1-.6-.463a2 2 0 0 0-1.486-1.486a.51.51 0 0 1-.462-.6a.51.51 0 0 1 .592-.4m-.13 12.893a2 2 0 0 0 1.487-1.486l.008-.063a.51.51 0 0 1 .592-.4a.51.51 0 0 1 .38.664a3 3 0 0 1-2.265 2.265a.51.51 0 0 1-.663-.38a.51.51 0 0 1 .462-.6M16 11.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0zM3.5 12a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5m5 4a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z"/></svg>

React

import type { SVGProps } from "react";

export function FluentBorderNone20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8 3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2.46.553A2 2 0 0 0 4.052 5.54a.51.51 0 0 1-.6.462a.51.51 0 0 1-.38-.663a3 3 0 0 1 2.265-2.265a.51.51 0 0 1 .663.38a.51.51 0 0 1-.462.6m0 11.894a2 2 0 0 1-1.487-1.486a.51.51 0 0 0-.6-.463a.51.51 0 0 0-.38.664a3 3 0 0 0 2.265 2.265a.505.505 0 1 0 .201-.98m9.05-12.893l.072.02a3 3 0 0 1 2.265 2.264a.506.506 0 0 1-.38.664a.51.51 0 0 1-.6-.463a2 2 0 0 0-1.486-1.486a.51.51 0 0 1-.462-.6a.51.51 0 0 1 .592-.4m-.13 12.893a2 2 0 0 0 1.487-1.486l.008-.063a.51.51 0 0 1 .592-.4a.51.51 0 0 1 .38.664a3 3 0 0 1-2.265 2.265a.51.51 0 0 1-.663-.38a.51.51 0 0 1 .462-.6M16 11.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0zM3.5 12a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5m5 4a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8 3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2.46.553A2 2 0 0 0 4.052 5.54a.51.51 0 0 1-.6.462a.51.51 0 0 1-.38-.663a3 3 0 0 1 2.265-2.265a.51.51 0 0 1 .663.38a.51.51 0 0 1-.462.6m0 11.894a2 2 0 0 1-1.487-1.486a.51.51 0 0 0-.6-.463a.51.51 0 0 0-.38.664a3 3 0 0 0 2.265 2.265a.505.505 0 1 0 .201-.98m9.05-12.893l.072.02a3 3 0 0 1 2.265 2.264a.506.506 0 0 1-.38.664a.51.51 0 0 1-.6-.463a2 2 0 0 0-1.486-1.486a.51.51 0 0 1-.462-.6a.51.51 0 0 1 .592-.4m-.13 12.893a2 2 0 0 0 1.487-1.486l.008-.063a.51.51 0 0 1 .592-.4a.51.51 0 0 1 .38.664a3 3 0 0 1-2.265 2.265a.51.51 0 0 1-.663-.38a.51.51 0 0 1 .462-.6M16 11.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0zM3.5 12a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5m5 4a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z"/></svg>
</template>

CSS

.icon-border-none-20-regular {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%203.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5m-2.46.553A2%202%200%200%200%204.052%205.54a.51.51%200%200%201-.6.462a.51.51%200%200%201-.38-.663a3%203%200%200%201%202.265-2.265a.51.51%200%200%201%20.663.38a.51.51%200%200%201-.462.6m0%2011.894a2%202%200%200%201-1.487-1.486a.51.51%200%200%200-.6-.463a.51.51%200%200%200-.38.664a3%203%200%200%200%202.265%202.265a.505.505%200%201%200%20.201-.98m9.05-12.893l.072.02a3%203%200%200%201%202.265%202.264a.506.506%200%200%201-.38.664a.51.51%200%200%201-.6-.463a2%202%200%200%200-1.486-1.486a.51.51%200%200%201-.462-.6a.51.51%200%200%201%20.592-.4m-.13%2012.893a2%202%200%200%200%201.487-1.486l.008-.063a.51.51%200%200%201%20.592-.4a.51.51%200%200%201%20.38.664a3%203%200%200%201-2.265%202.265a.51.51%200%200%201-.663-.38a.51.51%200%200%201%20.462-.6M16%2011.5a.5.5%200%200%200%201%200v-3a.5.5%200%200%200-1%200zM3.5%2012a.5.5%200%200%201-.5-.5v-3a.5.5%200%200%201%201%200v3a.5.5%200%200%201-.5.5m5%204a.5.5%200%200%200%200%201h3a.5.5%200%200%200%200-1z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%203.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5m-2.46.553A2%202%200%200%200%204.052%205.54a.51.51%200%200%201-.6.462a.51.51%200%200%201-.38-.663a3%203%200%200%201%202.265-2.265a.51.51%200%200%201%20.663.38a.51.51%200%200%201-.462.6m0%2011.894a2%202%200%200%201-1.487-1.486a.51.51%200%200%200-.6-.463a.51.51%200%200%200-.38.664a3%203%200%200%200%202.265%202.265a.505.505%200%201%200%20.201-.98m9.05-12.893l.072.02a3%203%200%200%201%202.265%202.264a.506.506%200%200%201-.38.664a.51.51%200%200%201-.6-.463a2%202%200%200%200-1.486-1.486a.51.51%200%200%201-.462-.6a.51.51%200%200%201%20.592-.4m-.13%2012.893a2%202%200%200%200%201.487-1.486l.008-.063a.51.51%200%200%201%20.592-.4a.51.51%200%200%201%20.38.664a3%203%200%200%201-2.265%202.265a.51.51%200%200%201-.663-.38a.51.51%200%200%201%20.462-.6M16%2011.5a.5.5%200%200%200%201%200v-3a.5.5%200%200%200-1%200zM3.5%2012a.5.5%200%200%201-.5-.5v-3a.5.5%200%200%201%201%200v3a.5.5%200%200%201-.5.5m5%204a.5.5%200%200%200%200%201h3a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/border-none-20-regular.svg?color=%231a73e8&size=48