forward 30 icon

forward-30 from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.

Name
forward-30
Set
Carbon
Style
Outline
Category
Actions
Viewbox
32×32
License
Apache 2.0

The same icon in other sets

forward-30Material Symbolsforward-30Material Symbols Lightforward-30-fillRemix Icon

More actions icons from Carbon

activity-taskadapter-notificationaddadd-altadd-commentadd-largealign-box-bottom-centeralign-box-bottom-leftalign-box-bottom-rightalign-box-middle-centeralign-box-middle-leftalign-box-middle-rightalign-box-top-centeralign-box-top-leftalign-box-top-rightalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-vertical-bottomalign-vertical-centeralign-vertical-topappsareaarea-custom

Use the forward 30 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 18A10 10 0 1 1 16 8h4v5l6-6l-6-6v5h-4a12 12 0 1 0 12 12Z"/><path fill="currentColor" d="M19.64 22.13a2.8 2.8 0 0 1-1.28-.27a2.36 2.36 0 0 1-.89-.77a3.4 3.4 0 0 1-.47-1.25a7 7 0 0 1-.17-1.68a7.2 7.2 0 0 1 .17-1.68a3.5 3.5 0 0 1 .52-1.25a2.36 2.36 0 0 1 .89-.77a2.8 2.8 0 0 1 1.28-.27a2.44 2.44 0 0 1 2.16 1a5.3 5.3 0 0 1 .7 2.93a5.3 5.3 0 0 1-.7 2.93a2.44 2.44 0 0 1-2.21 1.08m0-1.22a1 1 0 0 0 1-.55a3.24 3.24 0 0 0 .3-1.51v-1.38a3.2 3.2 0 0 0-.3-1.5a1.22 1.22 0 0 0-2.05 0a3.2 3.2 0 0 0-.29 1.5v1.38a3.25 3.25 0 0 0 .29 1.51a1 1 0 0 0 1.05.55m-7.02-3.49a1.46 1.46 0 0 0 1-.27a.84.84 0 0 0 .31-.68v-.08a.94.94 0 0 0-.3-.74a1.2 1.2 0 0 0-.83-.27a1.65 1.65 0 0 0-.89.24a2.1 2.1 0 0 0-.68.68l-.93-.83a5 5 0 0 1 .44-.51a2.7 2.7 0 0 1 .54-.4a2.6 2.6 0 0 1 .7-.27a3.3 3.3 0 0 1 .87-.1a4 4 0 0 1 1.06.14a2.3 2.3 0 0 1 .82.4a1.9 1.9 0 0 1 .54.63a1.9 1.9 0 0 1 .18.83a2 2 0 0 1-.11.67a1.8 1.8 0 0 1-.32.52a1.8 1.8 0 0 1-.47.36a2.3 2.3 0 0 1-.57.2V18a2.3 2.3 0 0 1 .63.21a1.7 1.7 0 0 1 .51.38a1.9 1.9 0 0 1 .34.55a2.1 2.1 0 0 1 .12.73a2 2 0 0 1-.2.92a2 2 0 0 1-.58.72a2.7 2.7 0 0 1-.89.45a3.8 3.8 0 0 1-1.15.16a4 4 0 0 1-1-.11a3 3 0 0 1-.76-.31a2.8 2.8 0 0 1-.56-.45a4 4 0 0 1-.44-.55l1.07-.81a3 3 0 0 0 .28.42a2 2 0 0 0 .36.34a1.6 1.6 0 0 0 .45.22a2 2 0 0 0 .57.07a1.45 1.45 0 0 0 1-.3a1.12 1.12 0 0 0 .34-.85v-.08a1 1 0 0 0-.37-.8a1.78 1.78 0 0 0-1.06-.28h-.76v-1.21Z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonForward30(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="M26 18A10 10 0 1 1 16 8h4v5l6-6l-6-6v5h-4a12 12 0 1 0 12 12Z"/><path fill="currentColor" d="M19.64 22.13a2.8 2.8 0 0 1-1.28-.27a2.36 2.36 0 0 1-.89-.77a3.4 3.4 0 0 1-.47-1.25a7 7 0 0 1-.17-1.68a7.2 7.2 0 0 1 .17-1.68a3.5 3.5 0 0 1 .52-1.25a2.36 2.36 0 0 1 .89-.77a2.8 2.8 0 0 1 1.28-.27a2.44 2.44 0 0 1 2.16 1a5.3 5.3 0 0 1 .7 2.93a5.3 5.3 0 0 1-.7 2.93a2.44 2.44 0 0 1-2.21 1.08m0-1.22a1 1 0 0 0 1-.55a3.24 3.24 0 0 0 .3-1.51v-1.38a3.2 3.2 0 0 0-.3-1.5a1.22 1.22 0 0 0-2.05 0a3.2 3.2 0 0 0-.29 1.5v1.38a3.25 3.25 0 0 0 .29 1.51a1 1 0 0 0 1.05.55m-7.02-3.49a1.46 1.46 0 0 0 1-.27a.84.84 0 0 0 .31-.68v-.08a.94.94 0 0 0-.3-.74a1.2 1.2 0 0 0-.83-.27a1.65 1.65 0 0 0-.89.24a2.1 2.1 0 0 0-.68.68l-.93-.83a5 5 0 0 1 .44-.51a2.7 2.7 0 0 1 .54-.4a2.6 2.6 0 0 1 .7-.27a3.3 3.3 0 0 1 .87-.1a4 4 0 0 1 1.06.14a2.3 2.3 0 0 1 .82.4a1.9 1.9 0 0 1 .54.63a1.9 1.9 0 0 1 .18.83a2 2 0 0 1-.11.67a1.8 1.8 0 0 1-.32.52a1.8 1.8 0 0 1-.47.36a2.3 2.3 0 0 1-.57.2V18a2.3 2.3 0 0 1 .63.21a1.7 1.7 0 0 1 .51.38a1.9 1.9 0 0 1 .34.55a2.1 2.1 0 0 1 .12.73a2 2 0 0 1-.2.92a2 2 0 0 1-.58.72a2.7 2.7 0 0 1-.89.45a3.8 3.8 0 0 1-1.15.16a4 4 0 0 1-1-.11a3 3 0 0 1-.76-.31a2.8 2.8 0 0 1-.56-.45a4 4 0 0 1-.44-.55l1.07-.81a3 3 0 0 0 .28.42a2 2 0 0 0 .36.34a1.6 1.6 0 0 0 .45.22a2 2 0 0 0 .57.07a1.45 1.45 0 0 0 1-.3a1.12 1.12 0 0 0 .34-.85v-.08a1 1 0 0 0-.37-.8a1.78 1.78 0 0 0-1.06-.28h-.76v-1.21Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 18A10 10 0 1 1 16 8h4v5l6-6l-6-6v5h-4a12 12 0 1 0 12 12Z"/><path fill="currentColor" d="M19.64 22.13a2.8 2.8 0 0 1-1.28-.27a2.36 2.36 0 0 1-.89-.77a3.4 3.4 0 0 1-.47-1.25a7 7 0 0 1-.17-1.68a7.2 7.2 0 0 1 .17-1.68a3.5 3.5 0 0 1 .52-1.25a2.36 2.36 0 0 1 .89-.77a2.8 2.8 0 0 1 1.28-.27a2.44 2.44 0 0 1 2.16 1a5.3 5.3 0 0 1 .7 2.93a5.3 5.3 0 0 1-.7 2.93a2.44 2.44 0 0 1-2.21 1.08m0-1.22a1 1 0 0 0 1-.55a3.24 3.24 0 0 0 .3-1.51v-1.38a3.2 3.2 0 0 0-.3-1.5a1.22 1.22 0 0 0-2.05 0a3.2 3.2 0 0 0-.29 1.5v1.38a3.25 3.25 0 0 0 .29 1.51a1 1 0 0 0 1.05.55m-7.02-3.49a1.46 1.46 0 0 0 1-.27a.84.84 0 0 0 .31-.68v-.08a.94.94 0 0 0-.3-.74a1.2 1.2 0 0 0-.83-.27a1.65 1.65 0 0 0-.89.24a2.1 2.1 0 0 0-.68.68l-.93-.83a5 5 0 0 1 .44-.51a2.7 2.7 0 0 1 .54-.4a2.6 2.6 0 0 1 .7-.27a3.3 3.3 0 0 1 .87-.1a4 4 0 0 1 1.06.14a2.3 2.3 0 0 1 .82.4a1.9 1.9 0 0 1 .54.63a1.9 1.9 0 0 1 .18.83a2 2 0 0 1-.11.67a1.8 1.8 0 0 1-.32.52a1.8 1.8 0 0 1-.47.36a2.3 2.3 0 0 1-.57.2V18a2.3 2.3 0 0 1 .63.21a1.7 1.7 0 0 1 .51.38a1.9 1.9 0 0 1 .34.55a2.1 2.1 0 0 1 .12.73a2 2 0 0 1-.2.92a2 2 0 0 1-.58.72a2.7 2.7 0 0 1-.89.45a3.8 3.8 0 0 1-1.15.16a4 4 0 0 1-1-.11a3 3 0 0 1-.76-.31a2.8 2.8 0 0 1-.56-.45a4 4 0 0 1-.44-.55l1.07-.81a3 3 0 0 0 .28.42a2 2 0 0 0 .36.34a1.6 1.6 0 0 0 .45.22a2 2 0 0 0 .57.07a1.45 1.45 0 0 0 1-.3a1.12 1.12 0 0 0 .34-.85v-.08a1 1 0 0 0-.37-.8a1.78 1.78 0 0 0-1.06-.28h-.76v-1.21Z"/></svg>
</template>

CSS

.icon-forward-30 {
  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%22M26%2018A10%2010%200%201%201%2016%208h4v5l6-6l-6-6v5h-4a12%2012%200%201%200%2012%2012Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.64%2022.13a2.8%202.8%200%200%201-1.28-.27a2.36%202.36%200%200%201-.89-.77a3.4%203.4%200%200%201-.47-1.25a7%207%200%200%201-.17-1.68a7.2%207.2%200%200%201%20.17-1.68a3.5%203.5%200%200%201%20.52-1.25a2.36%202.36%200%200%201%20.89-.77a2.8%202.8%200%200%201%201.28-.27a2.44%202.44%200%200%201%202.16%201a5.3%205.3%200%200%201%20.7%202.93a5.3%205.3%200%200%201-.7%202.93a2.44%202.44%200%200%201-2.21%201.08m0-1.22a1%201%200%200%200%201-.55a3.24%203.24%200%200%200%20.3-1.51v-1.38a3.2%203.2%200%200%200-.3-1.5a1.22%201.22%200%200%200-2.05%200a3.2%203.2%200%200%200-.29%201.5v1.38a3.25%203.25%200%200%200%20.29%201.51a1%201%200%200%200%201.05.55m-7.02-3.49a1.46%201.46%200%200%200%201-.27a.84.84%200%200%200%20.31-.68v-.08a.94.94%200%200%200-.3-.74a1.2%201.2%200%200%200-.83-.27a1.65%201.65%200%200%200-.89.24a2.1%202.1%200%200%200-.68.68l-.93-.83a5%205%200%200%201%20.44-.51a2.7%202.7%200%200%201%20.54-.4a2.6%202.6%200%200%201%20.7-.27a3.3%203.3%200%200%201%20.87-.1a4%204%200%200%201%201.06.14a2.3%202.3%200%200%201%20.82.4a1.9%201.9%200%200%201%20.54.63a1.9%201.9%200%200%201%20.18.83a2%202%200%200%201-.11.67a1.8%201.8%200%200%201-.32.52a1.8%201.8%200%200%201-.47.36a2.3%202.3%200%200%201-.57.2V18a2.3%202.3%200%200%201%20.63.21a1.7%201.7%200%200%201%20.51.38a1.9%201.9%200%200%201%20.34.55a2.1%202.1%200%200%201%20.12.73a2%202%200%200%201-.2.92a2%202%200%200%201-.58.72a2.7%202.7%200%200%201-.89.45a3.8%203.8%200%200%201-1.15.16a4%204%200%200%201-1-.11a3%203%200%200%201-.76-.31a2.8%202.8%200%200%201-.56-.45a4%204%200%200%201-.44-.55l1.07-.81a3%203%200%200%200%20.28.42a2%202%200%200%200%20.36.34a1.6%201.6%200%200%200%20.45.22a2%202%200%200%200%20.57.07a1.45%201.45%200%200%200%201-.3a1.12%201.12%200%200%200%20.34-.85v-.08a1%201%200%200%200-.37-.8a1.78%201.78%200%200%200-1.06-.28h-.76v-1.21Z%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%22M26%2018A10%2010%200%201%201%2016%208h4v5l6-6l-6-6v5h-4a12%2012%200%201%200%2012%2012Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.64%2022.13a2.8%202.8%200%200%201-1.28-.27a2.36%202.36%200%200%201-.89-.77a3.4%203.4%200%200%201-.47-1.25a7%207%200%200%201-.17-1.68a7.2%207.2%200%200%201%20.17-1.68a3.5%203.5%200%200%201%20.52-1.25a2.36%202.36%200%200%201%20.89-.77a2.8%202.8%200%200%201%201.28-.27a2.44%202.44%200%200%201%202.16%201a5.3%205.3%200%200%201%20.7%202.93a5.3%205.3%200%200%201-.7%202.93a2.44%202.44%200%200%201-2.21%201.08m0-1.22a1%201%200%200%200%201-.55a3.24%203.24%200%200%200%20.3-1.51v-1.38a3.2%203.2%200%200%200-.3-1.5a1.22%201.22%200%200%200-2.05%200a3.2%203.2%200%200%200-.29%201.5v1.38a3.25%203.25%200%200%200%20.29%201.51a1%201%200%200%200%201.05.55m-7.02-3.49a1.46%201.46%200%200%200%201-.27a.84.84%200%200%200%20.31-.68v-.08a.94.94%200%200%200-.3-.74a1.2%201.2%200%200%200-.83-.27a1.65%201.65%200%200%200-.89.24a2.1%202.1%200%200%200-.68.68l-.93-.83a5%205%200%200%201%20.44-.51a2.7%202.7%200%200%201%20.54-.4a2.6%202.6%200%200%201%20.7-.27a3.3%203.3%200%200%201%20.87-.1a4%204%200%200%201%201.06.14a2.3%202.3%200%200%201%20.82.4a1.9%201.9%200%200%201%20.54.63a1.9%201.9%200%200%201%20.18.83a2%202%200%200%201-.11.67a1.8%201.8%200%200%201-.32.52a1.8%201.8%200%200%201-.47.36a2.3%202.3%200%200%201-.57.2V18a2.3%202.3%200%200%201%20.63.21a1.7%201.7%200%200%201%20.51.38a1.9%201.9%200%200%201%20.34.55a2.1%202.1%200%200%201%20.12.73a2%202%200%200%201-.2.92a2%202%200%200%201-.58.72a2.7%202.7%200%200%201-.89.45a3.8%203.8%200%200%201-1.15.16a4%204%200%200%201-1-.11a3%203%200%200%201-.76-.31a2.8%202.8%200%200%201-.56-.45a4%204%200%200%201-.44-.55l1.07-.81a3%203%200%200%200%20.28.42a2%202%200%200%200%20.36.34a1.6%201.6%200%200%200%20.45.22a2%202%200%200%200%20.57.07a1.45%201.45%200%200%200%201-.3a1.12%201.12%200%200%200%20.34-.85v-.08a1%201%200%200%200-.37-.8a1.78%201.78%200%200%200-1.06-.28h-.76v-1.21Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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