shield question icon

shield-question from Unicons by Iconscout · Line · Security · Apache-2.0 Free for personal and commercial use.

Name: shield-question
Set: Unicons
Style: Line
Category: Security
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

shield-question-16-filledFluent UI System Icons shield-questionIconoir shield-questionMaterial Symbols shield-questionMaterial Symbols Light shield-questionTabler Icons

More security icons from Unicons

keyhole-circle keyhole-square keyhole-square-full lock lock-access lock-alt lock-open-alt padlock shield shield-check shield-exclamation shield-slash unlock unlock-alt shield-plus

Use the shield question icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.29 14.66a1 1 0 0 0-.29.7a1 1 0 0 0 .08.39a1 1 0 0 0 1.92-.39a1 1 0 0 0-.29-.7a1 1 0 0 0-1.42 0m8.34-11a1 1 0 0 0-.84-.2a8 8 0 0 1-6.22-1.27a1 1 0 0 0-1.14 0a8 8 0 0 1-6.22 1.26a1 1 0 0 0-.84.2a1 1 0 0 0-.37.78v7.45a9 9 0 0 0 3.77 7.33l3.65 2.6a1 1 0 0 0 1.16 0l3.65-2.6A9 9 0 0 0 20 11.88V4.43a1 1 0 0 0-.37-.78ZM18 11.88a7 7 0 0 1-2.93 5.7L12 19.77l-3.07-2.19A7 7 0 0 1 6 11.88v-6.3a10 10 0 0 0 6-1.39a10 10 0 0 0 6 1.39Zm-6-4.52a3 3 0 0 0-2.6 1.5a1 1 0 0 0 1.73 1a1 1 0 1 1 .87 1.5a1 1 0 0 0 0 2a3 3 0 1 0 0-6"/></svg>

React

import type { SVGProps } from "react";

export function UilShieldQuestion(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.29 14.66a1 1 0 0 0-.29.7a1 1 0 0 0 .08.39a1 1 0 0 0 1.92-.39a1 1 0 0 0-.29-.7a1 1 0 0 0-1.42 0m8.34-11a1 1 0 0 0-.84-.2a8 8 0 0 1-6.22-1.27a1 1 0 0 0-1.14 0a8 8 0 0 1-6.22 1.26a1 1 0 0 0-.84.2a1 1 0 0 0-.37.78v7.45a9 9 0 0 0 3.77 7.33l3.65 2.6a1 1 0 0 0 1.16 0l3.65-2.6A9 9 0 0 0 20 11.88V4.43a1 1 0 0 0-.37-.78ZM18 11.88a7 7 0 0 1-2.93 5.7L12 19.77l-3.07-2.19A7 7 0 0 1 6 11.88v-6.3a10 10 0 0 0 6-1.39a10 10 0 0 0 6 1.39Zm-6-4.52a3 3 0 0 0-2.6 1.5a1 1 0 0 0 1.73 1a1 1 0 1 1 .87 1.5a1 1 0 0 0 0 2a3 3 0 1 0 0-6"/></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.29 14.66a1 1 0 0 0-.29.7a1 1 0 0 0 .08.39a1 1 0 0 0 1.92-.39a1 1 0 0 0-.29-.7a1 1 0 0 0-1.42 0m8.34-11a1 1 0 0 0-.84-.2a8 8 0 0 1-6.22-1.27a1 1 0 0 0-1.14 0a8 8 0 0 1-6.22 1.26a1 1 0 0 0-.84.2a1 1 0 0 0-.37.78v7.45a9 9 0 0 0 3.77 7.33l3.65 2.6a1 1 0 0 0 1.16 0l3.65-2.6A9 9 0 0 0 20 11.88V4.43a1 1 0 0 0-.37-.78ZM18 11.88a7 7 0 0 1-2.93 5.7L12 19.77l-3.07-2.19A7 7 0 0 1 6 11.88v-6.3a10 10 0 0 0 6-1.39a10 10 0 0 0 6 1.39Zm-6-4.52a3 3 0 0 0-2.6 1.5a1 1 0 0 0 1.73 1a1 1 0 1 1 .87 1.5a1 1 0 0 0 0 2a3 3 0 1 0 0-6"/></svg>
</template>

CSS

.icon-shield-question {
  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.29%2014.66a1%201%200%200%200-.29.7a1%201%200%200%200%20.08.39a1%201%200%200%200%201.92-.39a1%201%200%200%200-.29-.7a1%201%200%200%200-1.42%200m8.34-11a1%201%200%200%200-.84-.2a8%208%200%200%201-6.22-1.27a1%201%200%200%200-1.14%200a8%208%200%200%201-6.22%201.26a1%201%200%200%200-.84.2a1%201%200%200%200-.37.78v7.45a9%209%200%200%200%203.77%207.33l3.65%202.6a1%201%200%200%200%201.16%200l3.65-2.6A9%209%200%200%200%2020%2011.88V4.43a1%201%200%200%200-.37-.78ZM18%2011.88a7%207%200%200%201-2.93%205.7L12%2019.77l-3.07-2.19A7%207%200%200%201%206%2011.88v-6.3a10%2010%200%200%200%206-1.39a10%2010%200%200%200%206%201.39Zm-6-4.52a3%203%200%200%200-2.6%201.5a1%201%200%200%200%201.73%201a1%201%200%201%201%20.87%201.5a1%201%200%200%200%200%202a3%203%200%201%200%200-6%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.29%2014.66a1%201%200%200%200-.29.7a1%201%200%200%200%20.08.39a1%201%200%200%200%201.92-.39a1%201%200%200%200-.29-.7a1%201%200%200%200-1.42%200m8.34-11a1%201%200%200%200-.84-.2a8%208%200%200%201-6.22-1.27a1%201%200%200%200-1.14%200a8%208%200%200%201-6.22%201.26a1%201%200%200%200-.84.2a1%201%200%200%200-.37.78v7.45a9%209%200%200%200%203.77%207.33l3.65%202.6a1%201%200%200%200%201.16%200l3.65-2.6A9%209%200%200%200%2020%2011.88V4.43a1%201%200%200%200-.37-.78ZM18%2011.88a7%207%200%200%201-2.93%205.7L12%2019.77l-3.07-2.19A7%207%200%200%201%206%2011.88v-6.3a10%2010%200%200%200%206-1.39a10%2010%200%200%200%206%201.39Zm-6-4.52a3%203%200%200%200-2.6%201.5a1%201%200%200%200%201.73%201a1%201%200%201%201%20.87%201.5a1%201%200%200%200%200%202a3%203%200%201%200%200-6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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