skip-back-15-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name
skip-back-15-32-regular
Set
Fluent UI System Icons
Style
32 Regular
Viewbox
32×32
License
MIT

9 other variants in Fluent UI System Icons

Related icons in Fluent UI System Icons

Use the skip back 15 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.214 15.383A1 1 0 0 1 13 16v12a1 1 0 0 1-2 0v-9.578c-.55.47-1.218.975-1.985 1.436a1 1 0 0 1-1.03-1.715a13.3 13.3 0 0 0 3.221-2.751zm4.8-12.491c5.853.087 10.785 3.443 13.828 8.183a1 1 0 0 1-1.684 1.08c-2.755-4.292-7.118-7.189-12.173-7.264C11.78 4.828 7.313 6.727 4.74 10H10a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3.8c3.066-3.224 7.701-4.973 12.015-4.91m7.088 12.114a1 1 0 0 1 0 1.99L23 17h-3.605l-.275 2.46c.547-.006 1.227.008 1.791.087l.241.04a4.75 4.75 0 0 1-1.32 9.396l-.242-.029a4.74 4.74 0 0 1-3.456-2.334a1 1 0 0 1 1.732-.999c.41.712 1.13 1.23 2.002 1.353l.28.025a2.75 2.75 0 0 0 .761-5.419l-.276-.052c-.455-.064-1.082-.075-1.632-.066c-.268.005-.504.014-.673.022l-.196.01l-.05.003l-.014.001h-.003a1 1 0 0 1-1.06-1.108l.5-4.5l.017-.094A1 1 0 0 1 18.5 15H23z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSkipBack1532Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.214 15.383A1 1 0 0 1 13 16v12a1 1 0 0 1-2 0v-9.578c-.55.47-1.218.975-1.985 1.436a1 1 0 0 1-1.03-1.715a13.3 13.3 0 0 0 3.221-2.751zm4.8-12.491c5.853.087 10.785 3.443 13.828 8.183a1 1 0 0 1-1.684 1.08c-2.755-4.292-7.118-7.189-12.173-7.264C11.78 4.828 7.313 6.727 4.74 10H10a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3.8c3.066-3.224 7.701-4.973 12.015-4.91m7.088 12.114a1 1 0 0 1 0 1.99L23 17h-3.605l-.275 2.46c.547-.006 1.227.008 1.791.087l.241.04a4.75 4.75 0 0 1-1.32 9.396l-.242-.029a4.74 4.74 0 0 1-3.456-2.334a1 1 0 0 1 1.732-.999c.41.712 1.13 1.23 2.002 1.353l.28.025a2.75 2.75 0 0 0 .761-5.419l-.276-.052c-.455-.064-1.082-.075-1.632-.066c-.268.005-.504.014-.673.022l-.196.01l-.05.003l-.014.001h-.003a1 1 0 0 1-1.06-1.108l.5-4.5l.017-.094A1 1 0 0 1 18.5 15H23z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.214 15.383A1 1 0 0 1 13 16v12a1 1 0 0 1-2 0v-9.578c-.55.47-1.218.975-1.985 1.436a1 1 0 0 1-1.03-1.715a13.3 13.3 0 0 0 3.221-2.751zm4.8-12.491c5.853.087 10.785 3.443 13.828 8.183a1 1 0 0 1-1.684 1.08c-2.755-4.292-7.118-7.189-12.173-7.264C11.78 4.828 7.313 6.727 4.74 10H10a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3.8c3.066-3.224 7.701-4.973 12.015-4.91m7.088 12.114a1 1 0 0 1 0 1.99L23 17h-3.605l-.275 2.46c.547-.006 1.227.008 1.791.087l.241.04a4.75 4.75 0 0 1-1.32 9.396l-.242-.029a4.74 4.74 0 0 1-3.456-2.334a1 1 0 0 1 1.732-.999c.41.712 1.13 1.23 2.002 1.353l.28.025a2.75 2.75 0 0 0 .761-5.419l-.276-.052c-.455-.064-1.082-.075-1.632-.066c-.268.005-.504.014-.673.022l-.196.01l-.05.003l-.014.001h-.003a1 1 0 0 1-1.06-1.108l.5-4.5l.017-.094A1 1 0 0 1 18.5 15H23z"/></svg>
</template>

CSS

.icon-skip-back-15-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.214%2015.383A1%201%200%200%201%2013%2016v12a1%201%200%200%201-2%200v-9.578c-.55.47-1.218.975-1.985%201.436a1%201%200%200%201-1.03-1.715a13.3%2013.3%200%200%200%203.221-2.751zm4.8-12.491c5.853.087%2010.785%203.443%2013.828%208.183a1%201%200%200%201-1.684%201.08c-2.755-4.292-7.118-7.189-12.173-7.264C11.78%204.828%207.313%206.727%204.74%2010H10a1%201%200%200%201%200%202H3a1%201%200%200%201-1-1V4a1%201%200%200%201%202%200v3.8c3.066-3.224%207.701-4.973%2012.015-4.91m7.088%2012.114a1%201%200%200%201%200%201.99L23%2017h-3.605l-.275%202.46c.547-.006%201.227.008%201.791.087l.241.04a4.75%204.75%200%200%201-1.32%209.396l-.242-.029a4.74%204.74%200%200%201-3.456-2.334a1%201%200%200%201%201.732-.999c.41.712%201.13%201.23%202.002%201.353l.28.025a2.75%202.75%200%200%200%20.761-5.419l-.276-.052c-.455-.064-1.082-.075-1.632-.066c-.268.005-.504.014-.673.022l-.196.01l-.05.003l-.014.001h-.003a1%201%200%200%201-1.06-1.108l.5-4.5l.017-.094A1%201%200%200%201%2018.5%2015H23z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.214%2015.383A1%201%200%200%201%2013%2016v12a1%201%200%200%201-2%200v-9.578c-.55.47-1.218.975-1.985%201.436a1%201%200%200%201-1.03-1.715a13.3%2013.3%200%200%200%203.221-2.751zm4.8-12.491c5.853.087%2010.785%203.443%2013.828%208.183a1%201%200%200%201-1.684%201.08c-2.755-4.292-7.118-7.189-12.173-7.264C11.78%204.828%207.313%206.727%204.74%2010H10a1%201%200%200%201%200%202H3a1%201%200%200%201-1-1V4a1%201%200%200%201%202%200v3.8c3.066-3.224%207.701-4.973%2012.015-4.91m7.088%2012.114a1%201%200%200%201%200%201.99L23%2017h-3.605l-.275%202.46c.547-.006%201.227.008%201.791.087l.241.04a4.75%204.75%200%200%201-1.32%209.396l-.242-.029a4.74%204.74%200%200%201-3.456-2.334a1%201%200%200%201%201.732-.999c.41.712%201.13%201.23%202.002%201.353l.28.025a2.75%202.75%200%200%200%20.761-5.419l-.276-.052c-.455-.064-1.082-.075-1.632-.066c-.268.005-.504.014-.673.022l-.196.01l-.05.003l-.014.001h-.003a1%201%200%200%201-1.06-1.108l.5-4.5l.017-.094A1%201%200%200%201%2018.5%2015H23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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