streering icon
streering from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.
- Name
- streering
- Set
- Unicons
- Style
- Line
- Category
- User Interface
- Viewbox
- 24×24
- License
- Apache 2.0
More user interface icons from Unicons
Use the streering icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 12a1 1 0 1 0 1 1a1 1 0 0 0-1-1m9.71-2.36a10 10 0 0 0-19.4 0a9.75 9.75 0 0 0 0 4.72a10 10 0 0 0 7.3 7.34a9.7 9.7 0 0 0 4.7 0a10 10 0 0 0 7.31-7.31a9.75 9.75 0 0 0 0-4.72ZM12 4a8 8 0 0 1 7.41 5H4.59A8 8 0 0 1 12 4m-8 8a8 8 0 0 1 .07-1H6v2H4.07A8 8 0 0 1 4 12m5 7.41A8 8 0 0 1 4.59 15H7a2 2 0 0 1 2 2Zm4 .52a8 8 0 0 1-1 .07a8 8 0 0 1-1-.07V18h2Zm.14-3.93h-2.28A4 4 0 0 0 8 13.14V11h8v2.14A4 4 0 0 0 13.14 16M15 19.41V17a2 2 0 0 1 2-2h2.41A8 8 0 0 1 15 19.41M19.93 13H18v-2h1.93a8 8 0 0 1 .07 1a8 8 0 0 1-.07 1"/></svg>
React
import type { SVGProps } from "react";
export function UilStreering(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="M12 12a1 1 0 1 0 1 1a1 1 0 0 0-1-1m9.71-2.36a10 10 0 0 0-19.4 0a9.75 9.75 0 0 0 0 4.72a10 10 0 0 0 7.3 7.34a9.7 9.7 0 0 0 4.7 0a10 10 0 0 0 7.31-7.31a9.75 9.75 0 0 0 0-4.72ZM12 4a8 8 0 0 1 7.41 5H4.59A8 8 0 0 1 12 4m-8 8a8 8 0 0 1 .07-1H6v2H4.07A8 8 0 0 1 4 12m5 7.41A8 8 0 0 1 4.59 15H7a2 2 0 0 1 2 2Zm4 .52a8 8 0 0 1-1 .07a8 8 0 0 1-1-.07V18h2Zm.14-3.93h-2.28A4 4 0 0 0 8 13.14V11h8v2.14A4 4 0 0 0 13.14 16M15 19.41V17a2 2 0 0 1 2-2h2.41A8 8 0 0 1 15 19.41M19.93 13H18v-2h1.93a8 8 0 0 1 .07 1a8 8 0 0 1-.07 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 12a1 1 0 1 0 1 1a1 1 0 0 0-1-1m9.71-2.36a10 10 0 0 0-19.4 0a9.75 9.75 0 0 0 0 4.72a10 10 0 0 0 7.3 7.34a9.7 9.7 0 0 0 4.7 0a10 10 0 0 0 7.31-7.31a9.75 9.75 0 0 0 0-4.72ZM12 4a8 8 0 0 1 7.41 5H4.59A8 8 0 0 1 12 4m-8 8a8 8 0 0 1 .07-1H6v2H4.07A8 8 0 0 1 4 12m5 7.41A8 8 0 0 1 4.59 15H7a2 2 0 0 1 2 2Zm4 .52a8 8 0 0 1-1 .07a8 8 0 0 1-1-.07V18h2Zm.14-3.93h-2.28A4 4 0 0 0 8 13.14V11h8v2.14A4 4 0 0 0 13.14 16M15 19.41V17a2 2 0 0 1 2-2h2.41A8 8 0 0 1 15 19.41M19.93 13H18v-2h1.93a8 8 0 0 1 .07 1a8 8 0 0 1-.07 1"/></svg> </template>
CSS
.icon-streering {
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%22M12%2012a1%201%200%201%200%201%201a1%201%200%200%200-1-1m9.71-2.36a10%2010%200%200%200-19.4%200a9.75%209.75%200%200%200%200%204.72a10%2010%200%200%200%207.3%207.34a9.7%209.7%200%200%200%204.7%200a10%2010%200%200%200%207.31-7.31a9.75%209.75%200%200%200%200-4.72ZM12%204a8%208%200%200%201%207.41%205H4.59A8%208%200%200%201%2012%204m-8%208a8%208%200%200%201%20.07-1H6v2H4.07A8%208%200%200%201%204%2012m5%207.41A8%208%200%200%201%204.59%2015H7a2%202%200%200%201%202%202Zm4%20.52a8%208%200%200%201-1%20.07a8%208%200%200%201-1-.07V18h2Zm.14-3.93h-2.28A4%204%200%200%200%208%2013.14V11h8v2.14A4%204%200%200%200%2013.14%2016M15%2019.41V17a2%202%200%200%201%202-2h2.41A8%208%200%200%201%2015%2019.41M19.93%2013H18v-2h1.93a8%208%200%200%201%20.07%201a8%208%200%200%201-.07%201%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%22M12%2012a1%201%200%201%200%201%201a1%201%200%200%200-1-1m9.71-2.36a10%2010%200%200%200-19.4%200a9.75%209.75%200%200%200%200%204.72a10%2010%200%200%200%207.3%207.34a9.7%209.7%200%200%200%204.7%200a10%2010%200%200%200%207.31-7.31a9.75%209.75%200%200%200%200-4.72ZM12%204a8%208%200%200%201%207.41%205H4.59A8%208%200%200%201%2012%204m-8%208a8%208%200%200%201%20.07-1H6v2H4.07A8%208%200%200%201%204%2012m5%207.41A8%208%200%200%201%204.59%2015H7a2%202%200%200%201%202%202Zm4%20.52a8%208%200%200%201-1%20.07a8%208%200%200%201-1-.07V18h2Zm.14-3.93h-2.28A4%204%200%200%200%208%2013.14V11h8v2.14A4%204%200%200%200%2013.14%2016M15%2019.41V17a2%202%200%200%201%202-2h2.41A8%208%200%200%201%2015%2019.41M19.93%2013H18v-2h1.93a8%208%200%200%201%20.07%201a8%208%200%200%201-.07%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/streering.svg?color=%231a73e8&size=48
