call chevron down icon

call-chevron-down-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name
call-chevron-down-32-regular
Set
Fluent UI System Icons
Style
32 Regular
Viewbox
32×32
License
MIT

11 other variants in Fluent UI System Icons

call-chevron-down-16-filledcall-chevron-down-16-regularcall-chevron-down-20-filledcall-chevron-down-20-regularcall-chevron-down-24-filledcall-chevron-down-24-regularcall-chevron-down-28-filledcall-chevron-down-28-regularcall-chevron-down-32-filledcall-chevron-down-48-filledcall-chevron-down-48-regular

Related icons in Fluent UI System Icons

call-add-16-filledcall-blocked-24-filledcall-checkmark-20-filledcall-connecting-20-filledcall-dismiss-16-filledcall-end-12-filledcall-exclamation-20-filledcall-forward-16-filledcall-inbound-16-filledcall-missed-12-filledcall-outbound-16-filledcall-park-16-filledcall-pause-20-filledcall-prohibited-16-filledcall-rectangle-landscape-16-filledcall-square-16-filledcall-transfer-16-filledcall-warning-16-filled

Use the call chevron down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.948 3a3.976 3.976 0 0 1 4.885 2.406l.87 2.32a4 4 0 0 1-1.042 4.351l-2.146 1.968q.063.222.156.512c.213.65.545 1.5 1.025 2.332a12.5 12.5 0 0 0 1.873 2.444l2.776-.874a4 4 0 0 1 4.29 1.274l1.582 1.922a3.96 3.96 0 0 1-.356 5.416c-2.58 2.406-6.554 3.222-9.529.831a27.5 27.5 0 0 1-6.523-7.61a26.9 26.9 0 0 1-3.357-9.476c-.572-3.77 2.13-6.788 5.496-7.817m3.012 3.108A1.976 1.976 0 0 0 9.533 4.91c-2.711.83-4.485 3.092-4.104 5.605a24.9 24.9 0 0 0 3.109 8.77a25.5 25.5 0 0 0 6.047 7.057c1.985 1.595 4.837 1.2 6.912-.735a1.96 1.96 0 0 0 .176-2.681l-1.583-1.923a2 2 0 0 0-2.144-.637L14.6 21.42a1 1 0 0 1-.964-.205l-.08-.074l-.194-.186c-.163-.16-.389-.388-.648-.677a14.5 14.5 0 0 1-1.75-2.39a14.5 14.5 0 0 1-1.193-2.71a15 15 0 0 1-.328-1.16l-.023-.105c-.07-.344.045-.7.304-.938l2.585-2.371a2 2 0 0 0 .52-2.176zm16.333 1.185a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L24 11.586z"/></svg>

React

import type { SVGProps } from "react";

export function FluentCallChevronDown32Regular(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="M8.948 3a3.976 3.976 0 0 1 4.885 2.406l.87 2.32a4 4 0 0 1-1.042 4.351l-2.146 1.968q.063.222.156.512c.213.65.545 1.5 1.025 2.332a12.5 12.5 0 0 0 1.873 2.444l2.776-.874a4 4 0 0 1 4.29 1.274l1.582 1.922a3.96 3.96 0 0 1-.356 5.416c-2.58 2.406-6.554 3.222-9.529.831a27.5 27.5 0 0 1-6.523-7.61a26.9 26.9 0 0 1-3.357-9.476c-.572-3.77 2.13-6.788 5.496-7.817m3.012 3.108A1.976 1.976 0 0 0 9.533 4.91c-2.711.83-4.485 3.092-4.104 5.605a24.9 24.9 0 0 0 3.109 8.77a25.5 25.5 0 0 0 6.047 7.057c1.985 1.595 4.837 1.2 6.912-.735a1.96 1.96 0 0 0 .176-2.681l-1.583-1.923a2 2 0 0 0-2.144-.637L14.6 21.42a1 1 0 0 1-.964-.205l-.08-.074l-.194-.186c-.163-.16-.389-.388-.648-.677a14.5 14.5 0 0 1-1.75-2.39a14.5 14.5 0 0 1-1.193-2.71a15 15 0 0 1-.328-1.16l-.023-.105c-.07-.344.045-.7.304-.938l2.585-2.371a2 2 0 0 0 .52-2.176zm16.333 1.185a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L24 11.586z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.948 3a3.976 3.976 0 0 1 4.885 2.406l.87 2.32a4 4 0 0 1-1.042 4.351l-2.146 1.968q.063.222.156.512c.213.65.545 1.5 1.025 2.332a12.5 12.5 0 0 0 1.873 2.444l2.776-.874a4 4 0 0 1 4.29 1.274l1.582 1.922a3.96 3.96 0 0 1-.356 5.416c-2.58 2.406-6.554 3.222-9.529.831a27.5 27.5 0 0 1-6.523-7.61a26.9 26.9 0 0 1-3.357-9.476c-.572-3.77 2.13-6.788 5.496-7.817m3.012 3.108A1.976 1.976 0 0 0 9.533 4.91c-2.711.83-4.485 3.092-4.104 5.605a24.9 24.9 0 0 0 3.109 8.77a25.5 25.5 0 0 0 6.047 7.057c1.985 1.595 4.837 1.2 6.912-.735a1.96 1.96 0 0 0 .176-2.681l-1.583-1.923a2 2 0 0 0-2.144-.637L14.6 21.42a1 1 0 0 1-.964-.205l-.08-.074l-.194-.186c-.163-.16-.389-.388-.648-.677a14.5 14.5 0 0 1-1.75-2.39a14.5 14.5 0 0 1-1.193-2.71a15 15 0 0 1-.328-1.16l-.023-.105c-.07-.344.045-.7.304-.938l2.585-2.371a2 2 0 0 0 .52-2.176zm16.333 1.185a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L24 11.586z"/></svg>
</template>

CSS

.icon-call-chevron-down-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%22M8.948%203a3.976%203.976%200%200%201%204.885%202.406l.87%202.32a4%204%200%200%201-1.042%204.351l-2.146%201.968q.063.222.156.512c.213.65.545%201.5%201.025%202.332a12.5%2012.5%200%200%200%201.873%202.444l2.776-.874a4%204%200%200%201%204.29%201.274l1.582%201.922a3.96%203.96%200%200%201-.356%205.416c-2.58%202.406-6.554%203.222-9.529.831a27.5%2027.5%200%200%201-6.523-7.61a26.9%2026.9%200%200%201-3.357-9.476c-.572-3.77%202.13-6.788%205.496-7.817m3.012%203.108A1.976%201.976%200%200%200%209.533%204.91c-2.711.83-4.485%203.092-4.104%205.605a24.9%2024.9%200%200%200%203.109%208.77a25.5%2025.5%200%200%200%206.047%207.057c1.985%201.595%204.837%201.2%206.912-.735a1.96%201.96%200%200%200%20.176-2.681l-1.583-1.923a2%202%200%200%200-2.144-.637L14.6%2021.42a1%201%200%200%201-.964-.205l-.08-.074l-.194-.186c-.163-.16-.389-.388-.648-.677a14.5%2014.5%200%200%201-1.75-2.39a14.5%2014.5%200%200%201-1.193-2.71a15%2015%200%200%201-.328-1.16l-.023-.105c-.07-.344.045-.7.304-.938l2.585-2.371a2%202%200%200%200%20.52-2.176zm16.333%201.185a1%201%200%200%201%201.414%201.414l-5%205a1%201%200%200%201-1.414%200l-5-5a1%201%200%201%201%201.414-1.414L24%2011.586z%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%22M8.948%203a3.976%203.976%200%200%201%204.885%202.406l.87%202.32a4%204%200%200%201-1.042%204.351l-2.146%201.968q.063.222.156.512c.213.65.545%201.5%201.025%202.332a12.5%2012.5%200%200%200%201.873%202.444l2.776-.874a4%204%200%200%201%204.29%201.274l1.582%201.922a3.96%203.96%200%200%201-.356%205.416c-2.58%202.406-6.554%203.222-9.529.831a27.5%2027.5%200%200%201-6.523-7.61a26.9%2026.9%200%200%201-3.357-9.476c-.572-3.77%202.13-6.788%205.496-7.817m3.012%203.108A1.976%201.976%200%200%200%209.533%204.91c-2.711.83-4.485%203.092-4.104%205.605a24.9%2024.9%200%200%200%203.109%208.77a25.5%2025.5%200%200%200%206.047%207.057c1.985%201.595%204.837%201.2%206.912-.735a1.96%201.96%200%200%200%20.176-2.681l-1.583-1.923a2%202%200%200%200-2.144-.637L14.6%2021.42a1%201%200%200%201-.964-.205l-.08-.074l-.194-.186c-.163-.16-.389-.388-.648-.677a14.5%2014.5%200%200%201-1.75-2.39a14.5%2014.5%200%200%201-1.193-2.71a15%2015%200%200%201-.328-1.16l-.023-.105c-.07-.344.045-.7.304-.938l2.585-2.371a2%202%200%200%200%20.52-2.176zm16.333%201.185a1%201%200%200%201%201.414%201.414l-5%205a1%201%200%200%201-1.414%200l-5-5a1%201%200%201%201%201.414-1.414L24%2011.586z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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