rolldown logo

rolldown from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
rolldown
Set
Material Icon Theme
Style
Color
Viewbox
16×16
License
MIT

The same logo in other sets

rolldownSVG LogosrolldownSimple Icons

Use the rolldown logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#f4511e" d="M13.628 1c.3 0 .465.35.272.582l-3.277 3.933c-.385.462-.229 1.485.374 1.485h3.644c.301 0 .465.35.273.582l-6.645 7.29a.355.355 0 0 1-.545 0l-6.64-7.29A.355.355 0 0 1 1.355 7h3.64c.602 0 .759-1.023.373-1.485L2.092 1.582A.355.355 0 0 1 2.364 1z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeRolldown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#f4511e" d="M13.628 1c.3 0 .465.35.272.582l-3.277 3.933c-.385.462-.229 1.485.374 1.485h3.644c.301 0 .465.35.273.582l-6.645 7.29a.355.355 0 0 1-.545 0l-6.64-7.29A.355.355 0 0 1 1.355 7h3.64c.602 0 .759-1.023.373-1.485L2.092 1.582A.355.355 0 0 1 2.364 1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#f4511e" d="M13.628 1c.3 0 .465.35.272.582l-3.277 3.933c-.385.462-.229 1.485.374 1.485h3.644c.301 0 .465.35.273.582l-6.645 7.29a.355.355 0 0 1-.545 0l-6.64-7.29A.355.355 0 0 1 1.355 7h3.64c.602 0 .759-1.023.373-1.485L2.092 1.582A.355.355 0 0 1 2.364 1z"/></svg>
</template>

CSS

.icon-rolldown {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22%23f4511e%22%20d%3D%22M13.628%201c.3%200%20.465.35.272.582l-3.277%203.933c-.385.462-.229%201.485.374%201.485h3.644c.301%200%20.465.35.273.582l-6.645%207.29a.355.355%200%200%201-.545%200l-6.64-7.29A.355.355%200%200%201%201.355%207h3.64c.602%200%20.759-1.023.373-1.485L2.092%201.582A.355.355%200%200%201%202.364%201z%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%2016%2016%22%3E%3Cpath%20fill%3D%22%23f4511e%22%20d%3D%22M13.628%201c.3%200%20.465.35.272.582l-3.277%203.933c-.385.462-.229%201.485.374%201.485h3.644c.301%200%20.465.35.273.582l-6.645%207.29a.355.355%200%200%201-.545%200l-6.64-7.29A.355.355%200%200%201%201.355%207h3.64c.602%200%20.759-1.023.373-1.485L2.092%201.582A.355.355%200%200%201%202.364%201z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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