siri frame icon
siri-frame-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- siri-frame-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the siri frame icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect width="16" height="16" x="4" y="4" fill="none" stroke="currentColor" stroke-width="1.5" rx="3"/><path fill="currentColor" d="M12.001 6a6 6 0 0 1 6 6l-.006.203q.004.047.005.095h-.008v.001h.009q-.002.227-.048.44A6 6 0 0 1 6 12h.001q0-.066.003-.13A6 6 0 0 1 12 6m-3 4.199a1.8 1.8 0 0 0-1.8 1.767v.064a1.8 1.8 0 0 0 1.799 1.768c1.072 0 1.99-.547 2.917-1.27l.037.034c.26.252.544.533.836.808c-1.01.806-2.248 1.628-3.79 1.629c-.293 0-.576-.045-.844-.123A4.8 4.8 0 0 0 12 16.799a4.8 4.8 0 0 0 4.166-2.42q-.13.018-.267.02c-.725 0-1.363-.361-1.908-.781s-1.097-.982-1.62-1.488C11.26 11.058 10.224 10.2 9 10.2m3-3a4.8 4.8 0 0 0-3.844 1.923q.403-.12.844-.122c1.775 0 3.14 1.24 4.204 2.267c.563.544 1.043 1.033 1.52 1.4c.476.368.85.532 1.175.532c.42 0 .771-.288.87-.677q.018-.156.025-.316a.9.9 0 0 0-.896-.808c-.35 0-.737.151-1.206.46a33 33 0 0 1-.89-.846q.113-.079.223-.152c.55-.363 1.176-.661 1.873-.661q.305.001.583.084A4.8 4.8 0 0 0 12 7.2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSiriFrameLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect width="16" height="16" x="4" y="4" fill="none" stroke="currentColor" strokeWidth="1.5" rx="3"/><path fill="currentColor" d="M12.001 6a6 6 0 0 1 6 6l-.006.203q.004.047.005.095h-.008v.001h.009q-.002.227-.048.44A6 6 0 0 1 6 12h.001q0-.066.003-.13A6 6 0 0 1 12 6m-3 4.199a1.8 1.8 0 0 0-1.8 1.767v.064a1.8 1.8 0 0 0 1.799 1.768c1.072 0 1.99-.547 2.917-1.27l.037.034c.26.252.544.533.836.808c-1.01.806-2.248 1.628-3.79 1.629c-.293 0-.576-.045-.844-.123A4.8 4.8 0 0 0 12 16.799a4.8 4.8 0 0 0 4.166-2.42q-.13.018-.267.02c-.725 0-1.363-.361-1.908-.781s-1.097-.982-1.62-1.488C11.26 11.058 10.224 10.2 9 10.2m3-3a4.8 4.8 0 0 0-3.844 1.923q.403-.12.844-.122c1.775 0 3.14 1.24 4.204 2.267c.563.544 1.043 1.033 1.52 1.4c.476.368.85.532 1.175.532c.42 0 .771-.288.87-.677q.018-.156.025-.316a.9.9 0 0 0-.896-.808c-.35 0-.737.151-1.206.46a33 33 0 0 1-.89-.846q.113-.079.223-.152c.55-.363 1.176-.661 1.873-.661q.305.001.583.084A4.8 4.8 0 0 0 12 7.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect width="16" height="16" x="4" y="4" fill="none" stroke="currentColor" stroke-width="1.5" rx="3"/><path fill="currentColor" d="M12.001 6a6 6 0 0 1 6 6l-.006.203q.004.047.005.095h-.008v.001h.009q-.002.227-.048.44A6 6 0 0 1 6 12h.001q0-.066.003-.13A6 6 0 0 1 12 6m-3 4.199a1.8 1.8 0 0 0-1.8 1.767v.064a1.8 1.8 0 0 0 1.799 1.768c1.072 0 1.99-.547 2.917-1.27l.037.034c.26.252.544.533.836.808c-1.01.806-2.248 1.628-3.79 1.629c-.293 0-.576-.045-.844-.123A4.8 4.8 0 0 0 12 16.799a4.8 4.8 0 0 0 4.166-2.42q-.13.018-.267.02c-.725 0-1.363-.361-1.908-.781s-1.097-.982-1.62-1.488C11.26 11.058 10.224 10.2 9 10.2m3-3a4.8 4.8 0 0 0-3.844 1.923q.403-.12.844-.122c1.775 0 3.14 1.24 4.204 2.267c.563.544 1.043 1.033 1.52 1.4c.476.368.85.532 1.175.532c.42 0 .771-.288.87-.677q.018-.156.025-.316a.9.9 0 0 0-.896-.808c-.35 0-.737.151-1.206.46a33 33 0 0 1-.89-.846q.113-.079.223-.152c.55-.363 1.176-.661 1.873-.661q.305.001.583.084A4.8 4.8 0 0 0 12 7.2"/></svg> </template>
CSS
.icon-siri-frame-line {
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%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20rx%3D%223%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.001%206a6%206%200%200%201%206%206l-.006.203q.004.047.005.095h-.008v.001h.009q-.002.227-.048.44A6%206%200%200%201%206%2012h.001q0-.066.003-.13A6%206%200%200%201%2012%206m-3%204.199a1.8%201.8%200%200%200-1.8%201.767v.064a1.8%201.8%200%200%200%201.799%201.768c1.072%200%201.99-.547%202.917-1.27l.037.034c.26.252.544.533.836.808c-1.01.806-2.248%201.628-3.79%201.629c-.293%200-.576-.045-.844-.123A4.8%204.8%200%200%200%2012%2016.799a4.8%204.8%200%200%200%204.166-2.42q-.13.018-.267.02c-.725%200-1.363-.361-1.908-.781s-1.097-.982-1.62-1.488C11.26%2011.058%2010.224%2010.2%209%2010.2m3-3a4.8%204.8%200%200%200-3.844%201.923q.403-.12.844-.122c1.775%200%203.14%201.24%204.204%202.267c.563.544%201.043%201.033%201.52%201.4c.476.368.85.532%201.175.532c.42%200%20.771-.288.87-.677q.018-.156.025-.316a.9.9%200%200%200-.896-.808c-.35%200-.737.151-1.206.46a33%2033%200%200%201-.89-.846q.113-.079.223-.152c.55-.363%201.176-.661%201.873-.661q.305.001.583.084A4.8%204.8%200%200%200%2012%207.2%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%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20rx%3D%223%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.001%206a6%206%200%200%201%206%206l-.006.203q.004.047.005.095h-.008v.001h.009q-.002.227-.048.44A6%206%200%200%201%206%2012h.001q0-.066.003-.13A6%206%200%200%201%2012%206m-3%204.199a1.8%201.8%200%200%200-1.8%201.767v.064a1.8%201.8%200%200%200%201.799%201.768c1.072%200%201.99-.547%202.917-1.27l.037.034c.26.252.544.533.836.808c-1.01.806-2.248%201.628-3.79%201.629c-.293%200-.576-.045-.844-.123A4.8%204.8%200%200%200%2012%2016.799a4.8%204.8%200%200%200%204.166-2.42q-.13.018-.267.02c-.725%200-1.363-.361-1.908-.781s-1.097-.982-1.62-1.488C11.26%2011.058%2010.224%2010.2%209%2010.2m3-3a4.8%204.8%200%200%200-3.844%201.923q.403-.12.844-.122c1.775%200%203.14%201.24%204.204%202.267c.563.544%201.043%201.033%201.52%201.4c.476.368.85.532%201.175.532c.42%200%20.771-.288.87-.677q.018-.156.025-.316a.9.9%200%200%200-.896-.808c-.35%200-.737.151-1.206.46a33%2033%200%200%201-.89-.846q.113-.079.223-.152c.55-.363%201.176-.661%201.873-.661q.305.001.583.084A4.8%204.8%200%200%200%2012%207.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/siri-frame-line.svg?color=%231a73e8&size=48
