call chevron down icon

call-chevron-down-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.

Name
call-chevron-down-48-filled
Set
Fluent UI System Icons
Style
48 Filled
Viewbox
48×48
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-32-regularcall-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 48 48"><path fill="currentColor" d="M14.162 3.75a5.25 5.25 0 0 1 4.955 3.516l1.572 4.489a5.25 5.25 0 0 1-1.904 6.007l-2.767 1.975c-.812.58-1.022 1.344-.792 1.904c1.008 2.45 3.301 5.758 5.16 7.674c.454.468 1.224.63 2.07.32l2.958-1.085a5.25 5.25 0 0 1 5.853 1.582l2.414 2.918a5.17 5.17 0 0 1 .428 5.987c-2.637 4.315-8.15 6.451-12.643 3.377A40 40 0 0 1 9.418 29.375c-3.67-6.356-4.744-12.384-4.879-16.89c-.16-5.355 4.54-8.735 9.47-8.735zm27.454 6.616a1.25 1.25 0 1 1 1.768 1.768l-7.5 7.5a1.25 1.25 0 0 1-1.768 0l-7.5-7.5a1.25 1.25 0 0 1 1.768-1.768L35 16.982z"/></svg>

React

import type { SVGProps } from "react";

export function FluentCallChevronDown48Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M14.162 3.75a5.25 5.25 0 0 1 4.955 3.516l1.572 4.489a5.25 5.25 0 0 1-1.904 6.007l-2.767 1.975c-.812.58-1.022 1.344-.792 1.904c1.008 2.45 3.301 5.758 5.16 7.674c.454.468 1.224.63 2.07.32l2.958-1.085a5.25 5.25 0 0 1 5.853 1.582l2.414 2.918a5.17 5.17 0 0 1 .428 5.987c-2.637 4.315-8.15 6.451-12.643 3.377A40 40 0 0 1 9.418 29.375c-3.67-6.356-4.744-12.384-4.879-16.89c-.16-5.355 4.54-8.735 9.47-8.735zm27.454 6.616a1.25 1.25 0 1 1 1.768 1.768l-7.5 7.5a1.25 1.25 0 0 1-1.768 0l-7.5-7.5a1.25 1.25 0 0 1 1.768-1.768L35 16.982z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M14.162 3.75a5.25 5.25 0 0 1 4.955 3.516l1.572 4.489a5.25 5.25 0 0 1-1.904 6.007l-2.767 1.975c-.812.58-1.022 1.344-.792 1.904c1.008 2.45 3.301 5.758 5.16 7.674c.454.468 1.224.63 2.07.32l2.958-1.085a5.25 5.25 0 0 1 5.853 1.582l2.414 2.918a5.17 5.17 0 0 1 .428 5.987c-2.637 4.315-8.15 6.451-12.643 3.377A40 40 0 0 1 9.418 29.375c-3.67-6.356-4.744-12.384-4.879-16.89c-.16-5.355 4.54-8.735 9.47-8.735zm27.454 6.616a1.25 1.25 0 1 1 1.768 1.768l-7.5 7.5a1.25 1.25 0 0 1-1.768 0l-7.5-7.5a1.25 1.25 0 0 1 1.768-1.768L35 16.982z"/></svg>
</template>

CSS

.icon-call-chevron-down-48-filled {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.162%203.75a5.25%205.25%200%200%201%204.955%203.516l1.572%204.489a5.25%205.25%200%200%201-1.904%206.007l-2.767%201.975c-.812.58-1.022%201.344-.792%201.904c1.008%202.45%203.301%205.758%205.16%207.674c.454.468%201.224.63%202.07.32l2.958-1.085a5.25%205.25%200%200%201%205.853%201.582l2.414%202.918a5.17%205.17%200%200%201%20.428%205.987c-2.637%204.315-8.15%206.451-12.643%203.377A40%2040%200%200%201%209.418%2029.375c-3.67-6.356-4.744-12.384-4.879-16.89c-.16-5.355%204.54-8.735%209.47-8.735zm27.454%206.616a1.25%201.25%200%201%201%201.768%201.768l-7.5%207.5a1.25%201.25%200%200%201-1.768%200l-7.5-7.5a1.25%201.25%200%200%201%201.768-1.768L35%2016.982z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.162%203.75a5.25%205.25%200%200%201%204.955%203.516l1.572%204.489a5.25%205.25%200%200%201-1.904%206.007l-2.767%201.975c-.812.58-1.022%201.344-.792%201.904c1.008%202.45%203.301%205.758%205.16%207.674c.454.468%201.224.63%202.07.32l2.958-1.085a5.25%205.25%200%200%201%205.853%201.582l2.414%202.918a5.17%205.17%200%200%201%20.428%205.987c-2.637%204.315-8.15%206.451-12.643%203.377A40%2040%200%200%201%209.418%2029.375c-3.67-6.356-4.744-12.384-4.879-16.89c-.16-5.355%204.54-8.735%209.47-8.735zm27.454%206.616a1.25%201.25%200%201%201%201.768%201.768l-7.5%207.5a1.25%201.25%200%200%201-1.768%200l-7.5-7.5a1.25%201.25%200%200%201%201.768-1.768L35%2016.982z%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-48-filled.svg?color=%231a73e8&size=48