shutter alt icon
shutter-alt from Unicons by Iconscout · Line · Multimedia · Apache-2.0 Free for personal and commercial use.
- Name
- shutter-alt
- Set
- Unicons
- Style
- Line
- Category
- Multimedia
- Viewbox
- 24×24
- License
- Apache 2.0
More multimedia icons from Unicons
Use the shutter alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 11a1 1 0 0 1 0-.16c0-.28-.08-.56-.13-.84A9.5 9.5 0 0 0 21 7.62a10 10 0 0 0-7-5.41l-.84-.13h-.53L12 2h-1.16l-.84.2A10 10 0 0 0 2.21 10c-.05.28-.09.56-.13.84a1 1 0 0 1 0 .16v2a1 1 0 0 1 0 .16c0 .28.08.56.13.84A9.5 9.5 0 0 0 3 16.38a10 10 0 0 0 7 5.41l.84.13l.16.08h1.01c.34 0 .68 0 1-.05h.16l.83-.15a10 10 0 0 0 7.79-7.8c.05-.28.09-.56.13-.84A1 1 0 0 1 22 13c0-.33.05-.67.05-1s-.05-.68-.05-1m-8.84-6.9l.5.07A8 8 0 0 1 18.24 7h-6.82Zm-2.74.08l.4-.06L7.38 10L5.7 7.08a8 8 0 0 1 4.67-2.91ZM4.59 15a8 8 0 0 1-.42-1.37c0-.22-.08-.45-.1-.68a.5.5 0 0 1 0-.12a8.2 8.2 0 0 1 0-1.62a.5.5 0 0 1 0-.12c0-.23.06-.46.1-.68a8 8 0 0 1 .38-1.31L8 15Zm6.3 4.91l-.5-.07A8 8 0 0 1 5.76 17h6.82ZM10.27 15l-1.73-3l1.73-3h3.46l1.73 3l-1.73 3Zm3.36 4.83l-.4.06L16.62 14l1.68 2.92a8 8 0 0 1-4.67 2.91m6.33-7a.5.5 0 0 1 0 .12c0 .23-.06.46-.1.68a8 8 0 0 1-.38 1.27L16 9h3.37a8 8 0 0 1 .42 1.37c0 .22.08.45.1.68a.5.5 0 0 1 0 .12a8.2 8.2 0 0 1 0 1.62Z"/></svg>
React
import type { SVGProps } from "react";
export function UilShutterAlt(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="M22 11a1 1 0 0 1 0-.16c0-.28-.08-.56-.13-.84A9.5 9.5 0 0 0 21 7.62a10 10 0 0 0-7-5.41l-.84-.13h-.53L12 2h-1.16l-.84.2A10 10 0 0 0 2.21 10c-.05.28-.09.56-.13.84a1 1 0 0 1 0 .16v2a1 1 0 0 1 0 .16c0 .28.08.56.13.84A9.5 9.5 0 0 0 3 16.38a10 10 0 0 0 7 5.41l.84.13l.16.08h1.01c.34 0 .68 0 1-.05h.16l.83-.15a10 10 0 0 0 7.79-7.8c.05-.28.09-.56.13-.84A1 1 0 0 1 22 13c0-.33.05-.67.05-1s-.05-.68-.05-1m-8.84-6.9l.5.07A8 8 0 0 1 18.24 7h-6.82Zm-2.74.08l.4-.06L7.38 10L5.7 7.08a8 8 0 0 1 4.67-2.91ZM4.59 15a8 8 0 0 1-.42-1.37c0-.22-.08-.45-.1-.68a.5.5 0 0 1 0-.12a8.2 8.2 0 0 1 0-1.62a.5.5 0 0 1 0-.12c0-.23.06-.46.1-.68a8 8 0 0 1 .38-1.31L8 15Zm6.3 4.91l-.5-.07A8 8 0 0 1 5.76 17h6.82ZM10.27 15l-1.73-3l1.73-3h3.46l1.73 3l-1.73 3Zm3.36 4.83l-.4.06L16.62 14l1.68 2.92a8 8 0 0 1-4.67 2.91m6.33-7a.5.5 0 0 1 0 .12c0 .23-.06.46-.1.68a8 8 0 0 1-.38 1.27L16 9h3.37a8 8 0 0 1 .42 1.37c0 .22.08.45.1.68a.5.5 0 0 1 0 .12a8.2 8.2 0 0 1 0 1.62Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 11a1 1 0 0 1 0-.16c0-.28-.08-.56-.13-.84A9.5 9.5 0 0 0 21 7.62a10 10 0 0 0-7-5.41l-.84-.13h-.53L12 2h-1.16l-.84.2A10 10 0 0 0 2.21 10c-.05.28-.09.56-.13.84a1 1 0 0 1 0 .16v2a1 1 0 0 1 0 .16c0 .28.08.56.13.84A9.5 9.5 0 0 0 3 16.38a10 10 0 0 0 7 5.41l.84.13l.16.08h1.01c.34 0 .68 0 1-.05h.16l.83-.15a10 10 0 0 0 7.79-7.8c.05-.28.09-.56.13-.84A1 1 0 0 1 22 13c0-.33.05-.67.05-1s-.05-.68-.05-1m-8.84-6.9l.5.07A8 8 0 0 1 18.24 7h-6.82Zm-2.74.08l.4-.06L7.38 10L5.7 7.08a8 8 0 0 1 4.67-2.91ZM4.59 15a8 8 0 0 1-.42-1.37c0-.22-.08-.45-.1-.68a.5.5 0 0 1 0-.12a8.2 8.2 0 0 1 0-1.62a.5.5 0 0 1 0-.12c0-.23.06-.46.1-.68a8 8 0 0 1 .38-1.31L8 15Zm6.3 4.91l-.5-.07A8 8 0 0 1 5.76 17h6.82ZM10.27 15l-1.73-3l1.73-3h3.46l1.73 3l-1.73 3Zm3.36 4.83l-.4.06L16.62 14l1.68 2.92a8 8 0 0 1-4.67 2.91m6.33-7a.5.5 0 0 1 0 .12c0 .23-.06.46-.1.68a8 8 0 0 1-.38 1.27L16 9h3.37a8 8 0 0 1 .42 1.37c0 .22.08.45.1.68a.5.5 0 0 1 0 .12a8.2 8.2 0 0 1 0 1.62Z"/></svg> </template>
CSS
.icon-shutter-alt {
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%22M22%2011a1%201%200%200%201%200-.16c0-.28-.08-.56-.13-.84A9.5%209.5%200%200%200%2021%207.62a10%2010%200%200%200-7-5.41l-.84-.13h-.53L12%202h-1.16l-.84.2A10%2010%200%200%200%202.21%2010c-.05.28-.09.56-.13.84a1%201%200%200%201%200%20.16v2a1%201%200%200%201%200%20.16c0%20.28.08.56.13.84A9.5%209.5%200%200%200%203%2016.38a10%2010%200%200%200%207%205.41l.84.13l.16.08h1.01c.34%200%20.68%200%201-.05h.16l.83-.15a10%2010%200%200%200%207.79-7.8c.05-.28.09-.56.13-.84A1%201%200%200%201%2022%2013c0-.33.05-.67.05-1s-.05-.68-.05-1m-8.84-6.9l.5.07A8%208%200%200%201%2018.24%207h-6.82Zm-2.74.08l.4-.06L7.38%2010L5.7%207.08a8%208%200%200%201%204.67-2.91ZM4.59%2015a8%208%200%200%201-.42-1.37c0-.22-.08-.45-.1-.68a.5.5%200%200%201%200-.12a8.2%208.2%200%200%201%200-1.62a.5.5%200%200%201%200-.12c0-.23.06-.46.1-.68a8%208%200%200%201%20.38-1.31L8%2015Zm6.3%204.91l-.5-.07A8%208%200%200%201%205.76%2017h6.82ZM10.27%2015l-1.73-3l1.73-3h3.46l1.73%203l-1.73%203Zm3.36%204.83l-.4.06L16.62%2014l1.68%202.92a8%208%200%200%201-4.67%202.91m6.33-7a.5.5%200%200%201%200%20.12c0%20.23-.06.46-.1.68a8%208%200%200%201-.38%201.27L16%209h3.37a8%208%200%200%201%20.42%201.37c0%20.22.08.45.1.68a.5.5%200%200%201%200%20.12a8.2%208.2%200%200%201%200%201.62Z%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%22M22%2011a1%201%200%200%201%200-.16c0-.28-.08-.56-.13-.84A9.5%209.5%200%200%200%2021%207.62a10%2010%200%200%200-7-5.41l-.84-.13h-.53L12%202h-1.16l-.84.2A10%2010%200%200%200%202.21%2010c-.05.28-.09.56-.13.84a1%201%200%200%201%200%20.16v2a1%201%200%200%201%200%20.16c0%20.28.08.56.13.84A9.5%209.5%200%200%200%203%2016.38a10%2010%200%200%200%207%205.41l.84.13l.16.08h1.01c.34%200%20.68%200%201-.05h.16l.83-.15a10%2010%200%200%200%207.79-7.8c.05-.28.09-.56.13-.84A1%201%200%200%201%2022%2013c0-.33.05-.67.05-1s-.05-.68-.05-1m-8.84-6.9l.5.07A8%208%200%200%201%2018.24%207h-6.82Zm-2.74.08l.4-.06L7.38%2010L5.7%207.08a8%208%200%200%201%204.67-2.91ZM4.59%2015a8%208%200%200%201-.42-1.37c0-.22-.08-.45-.1-.68a.5.5%200%200%201%200-.12a8.2%208.2%200%200%201%200-1.62a.5.5%200%200%201%200-.12c0-.23.06-.46.1-.68a8%208%200%200%201%20.38-1.31L8%2015Zm6.3%204.91l-.5-.07A8%208%200%200%201%205.76%2017h6.82ZM10.27%2015l-1.73-3l1.73-3h3.46l1.73%203l-1.73%203Zm3.36%204.83l-.4.06L16.62%2014l1.68%202.92a8%208%200%200%201-4.67%202.91m6.33-7a.5.5%200%200%201%200%20.12c0%20.23-.06.46-.1.68a8%208%200%200%201-.38%201.27L16%209h3.37a8%208%200%200%201%20.42%201.37c0%20.22.08.45.1.68a.5.5%200%200%201%200%20.12a8.2%208.2%200%200%201%200%201.62Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/shutter-alt.svg?color=%231a73e8&size=48
