assistant direction icon

assistant-direction-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: assistant-direction-rounded
Set: Material Symbols Light
Style: Rounded
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

assistant-direction assistant-direction-outline assistant-direction-outline-rounded assistant-direction-outline-sharp assistant-direction-sharp

The same icon in other sets

assistant-directionMaterial Symbols

More ui actions icons from Material Symbols Light

Use the assistant direction icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.992 22q-2.075 0-3.9-.785T4.92 19.077t-2.134-3.174T2 12.008q0-2.096.785-3.92t2.138-3.18t3.174-2.132T11.993 2q2.1 0 3.924.776t3.178 2.129t2.129 3.178t.776 3.924q0 2.076-.776 3.896t-2.132 3.174t-3.18 2.138t-3.92.785m-.617-3.763q.25.25.575.25t.575-.25l5.662-5.662q.25-.25.25-.6t-.25-.6l-5.662-5.661q-.25-.25-.575-.25t-.575.25l-5.661 5.661q-.25.25-.25.6t.25.6zm-1.9-6.762v2.5q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356v-3q0-.225.138-.362t.362-.138h5.38l-1.24-1.246q-.14-.146-.15-.344t.16-.368q.156-.155.35-.155t.354.16l1.888 1.888q.243.242.243.565t-.243.566l-1.888 1.888q-.14.14-.344.15t-.374-.16q-.155-.155-.155-.344t.16-.354l1.24-1.246z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightAssistantDirectionRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.992 22q-2.075 0-3.9-.785T4.92 19.077t-2.134-3.174T2 12.008q0-2.096.785-3.92t2.138-3.18t3.174-2.132T11.993 2q2.1 0 3.924.776t3.178 2.129t2.129 3.178t.776 3.924q0 2.076-.776 3.896t-2.132 3.174t-3.18 2.138t-3.92.785m-.617-3.763q.25.25.575.25t.575-.25l5.662-5.662q.25-.25.25-.6t-.25-.6l-5.662-5.661q-.25-.25-.575-.25t-.575.25l-5.661 5.661q-.25.25-.25.6t.25.6zm-1.9-6.762v2.5q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356v-3q0-.225.138-.362t.362-.138h5.38l-1.24-1.246q-.14-.146-.15-.344t.16-.368q.156-.155.35-.155t.354.16l1.888 1.888q.243.242.243.565t-.243.566l-1.888 1.888q-.14.14-.344.15t-.374-.16q-.155-.155-.155-.344t.16-.354l1.24-1.246z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.992 22q-2.075 0-3.9-.785T4.92 19.077t-2.134-3.174T2 12.008q0-2.096.785-3.92t2.138-3.18t3.174-2.132T11.993 2q2.1 0 3.924.776t3.178 2.129t2.129 3.178t.776 3.924q0 2.076-.776 3.896t-2.132 3.174t-3.18 2.138t-3.92.785m-.617-3.763q.25.25.575.25t.575-.25l5.662-5.662q.25-.25.25-.6t-.25-.6l-5.662-5.661q-.25-.25-.575-.25t-.575.25l-5.661 5.661q-.25.25-.25.6t.25.6zm-1.9-6.762v2.5q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356v-3q0-.225.138-.362t.362-.138h5.38l-1.24-1.246q-.14-.146-.15-.344t.16-.368q.156-.155.35-.155t.354.16l1.888 1.888q.243.242.243.565t-.243.566l-1.888 1.888q-.14.14-.344.15t-.374-.16q-.155-.155-.155-.344t.16-.354l1.24-1.246z"/></svg>
</template>

CSS

.icon-assistant-direction-rounded {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.992%2022q-2.075%200-3.9-.785T4.92%2019.077t-2.134-3.174T2%2012.008q0-2.096.785-3.92t2.138-3.18t3.174-2.132T11.993%202q2.1%200%203.924.776t3.178%202.129t2.129%203.178t.776%203.924q0%202.076-.776%203.896t-2.132%203.174t-3.18%202.138t-3.92.785m-.617-3.763q.25.25.575.25t.575-.25l5.662-5.662q.25-.25.25-.6t-.25-.6l-5.662-5.661q-.25-.25-.575-.25t-.575.25l-5.661%205.661q-.25.25-.25.6t.25.6zm-1.9-6.762v2.5q0%20.213-.144.356t-.357.144t-.356-.144t-.143-.356v-3q0-.225.138-.362t.362-.138h5.38l-1.24-1.246q-.14-.146-.15-.344t.16-.368q.156-.155.35-.155t.354.16l1.888%201.888q.243.242.243.565t-.243.566l-1.888%201.888q-.14.14-.344.15t-.374-.16q-.155-.155-.155-.344t.16-.354l1.24-1.246z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.992%2022q-2.075%200-3.9-.785T4.92%2019.077t-2.134-3.174T2%2012.008q0-2.096.785-3.92t2.138-3.18t3.174-2.132T11.993%202q2.1%200%203.924.776t3.178%202.129t2.129%203.178t.776%203.924q0%202.076-.776%203.896t-2.132%203.174t-3.18%202.138t-3.92.785m-.617-3.763q.25.25.575.25t.575-.25l5.662-5.662q.25-.25.25-.6t-.25-.6l-5.662-5.661q-.25-.25-.575-.25t-.575.25l-5.661%205.661q-.25.25-.25.6t.25.6zm-1.9-6.762v2.5q0%20.213-.144.356t-.357.144t-.356-.144t-.143-.356v-3q0-.225.138-.362t.362-.138h5.38l-1.24-1.246q-.14-.146-.15-.344t.16-.368q.156-.155.35-.155t.354.16l1.888%201.888q.243.242.243.565t-.243.566l-1.888%201.888q-.14.14-.344.15t-.374-.16q-.155-.155-.155-.344t.16-.354l1.24-1.246z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/assistant-direction-rounded.svg?color=%231a73e8&size=48