search 3 ai icon

search-3-ai-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: search-3-ai-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

Related icons in MingCute Icon

search-2-ai-fill search-2-fill search-2-none-fill search-3-fill search-ai-fill search-none-fill

Use the search 3 ai icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="3" d="M14.5 14.5L20 20m-4-10a6 6 0 1 1-12 0a6 6 0 0 1 12 0Z"/><path fill="currentColor" d="M9.88 7.19c.113-.253.113-.253.224 0l.11.241a5.64 5.64 0 0 0 2.306 2.466c.18.103.181.103 0 .206l-.172.1a5.64 5.64 0 0 0-2.244 2.607c-.111.253-.111.253-.223 0a5.64 5.64 0 0 0-2.415-2.707c-.182-.103-.181-.104 0-.206l.172-.1A5.64 5.64 0 0 0 9.88 7.19m8.036-5.064c.084-.168.084-.168.168 0q.04.081.083.162a3.96 3.96 0 0 0 1.73 1.644c.137.068.137.068 0 .137l-.127.066a3.96 3.96 0 0 0-1.686 1.739c-.084.168-.084.168-.168 0l-.083-.162a3.96 3.96 0 0 0-1.73-1.643c-.137-.069-.137-.069 0-.137l.127-.067a3.96 3.96 0 0 0 1.686-1.739"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteSearch3AiFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="3" d="M14.5 14.5L20 20m-4-10a6 6 0 1 1-12 0a6 6 0 0 1 12 0Z"/><path fill="currentColor" d="M9.88 7.19c.113-.253.113-.253.224 0l.11.241a5.64 5.64 0 0 0 2.306 2.466c.18.103.181.103 0 .206l-.172.1a5.64 5.64 0 0 0-2.244 2.607c-.111.253-.111.253-.223 0a5.64 5.64 0 0 0-2.415-2.707c-.182-.103-.181-.104 0-.206l.172-.1A5.64 5.64 0 0 0 9.88 7.19m8.036-5.064c.084-.168.084-.168.168 0q.04.081.083.162a3.96 3.96 0 0 0 1.73 1.644c.137.068.137.068 0 .137l-.127.066a3.96 3.96 0 0 0-1.686 1.739c-.084.168-.084.168-.168 0l-.083-.162a3.96 3.96 0 0 0-1.73-1.643c-.137-.069-.137-.069 0-.137l.127-.067a3.96 3.96 0 0 0 1.686-1.739"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="3" d="M14.5 14.5L20 20m-4-10a6 6 0 1 1-12 0a6 6 0 0 1 12 0Z"/><path fill="currentColor" d="M9.88 7.19c.113-.253.113-.253.224 0l.11.241a5.64 5.64 0 0 0 2.306 2.466c.18.103.181.103 0 .206l-.172.1a5.64 5.64 0 0 0-2.244 2.607c-.111.253-.111.253-.223 0a5.64 5.64 0 0 0-2.415-2.707c-.182-.103-.181-.104 0-.206l.172-.1A5.64 5.64 0 0 0 9.88 7.19m8.036-5.064c.084-.168.084-.168.168 0q.04.081.083.162a3.96 3.96 0 0 0 1.73 1.644c.137.068.137.068 0 .137l-.127.066a3.96 3.96 0 0 0-1.686 1.739c-.084.168-.084.168-.168 0l-.083-.162a3.96 3.96 0 0 0-1.73-1.643c-.137-.069-.137-.069 0-.137l.127-.067a3.96 3.96 0 0 0 1.686-1.739"/></svg>
</template>

CSS

.icon-search-3-ai-fill {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M14.5%2014.5L20%2020m-4-10a6%206%200%201%201-12%200a6%206%200%200%201%2012%200Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.88%207.19c.113-.253.113-.253.224%200l.11.241a5.64%205.64%200%200%200%202.306%202.466c.18.103.181.103%200%20.206l-.172.1a5.64%205.64%200%200%200-2.244%202.607c-.111.253-.111.253-.223%200a5.64%205.64%200%200%200-2.415-2.707c-.182-.103-.181-.104%200-.206l.172-.1A5.64%205.64%200%200%200%209.88%207.19m8.036-5.064c.084-.168.084-.168.168%200q.04.081.083.162a3.96%203.96%200%200%200%201.73%201.644c.137.068.137.068%200%20.137l-.127.066a3.96%203.96%200%200%200-1.686%201.739c-.084.168-.084.168-.168%200l-.083-.162a3.96%203.96%200%200%200-1.73-1.643c-.137-.069-.137-.069%200-.137l.127-.067a3.96%203.96%200%200%200%201.686-1.739%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M14.5%2014.5L20%2020m-4-10a6%206%200%201%201-12%200a6%206%200%200%201%2012%200Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.88%207.19c.113-.253.113-.253.224%200l.11.241a5.64%205.64%200%200%200%202.306%202.466c.18.103.181.103%200%20.206l-.172.1a5.64%205.64%200%200%200-2.244%202.607c-.111.253-.111.253-.223%200a5.64%205.64%200%200%200-2.415-2.707c-.182-.103-.181-.104%200-.206l.172-.1A5.64%205.64%200%200%200%209.88%207.19m8.036-5.064c.084-.168.084-.168.168%200q.04.081.083.162a3.96%203.96%200%200%200%201.73%201.644c.137.068.137.068%200%20.137l-.127.066a3.96%203.96%200%200%200-1.686%201.739c-.084.168-.084.168-.168%200l-.083-.162a3.96%203.96%200%200%200-1.73-1.643c-.137-.069-.137-.069%200-.137l.127-.067a3.96%203.96%200%200%200%201.686-1.739%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/search-3-ai-fill.svg?color=%231a73e8&size=48