arlo logo
arlo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- arlo
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the arlo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.21 11.172l4.963-5.792c.943-1.293 1.494-1.828 1.07-3.94l-7.367 8.6a7.9 7.9 0 0 0-1.896 5.487L9.763 11.87a5.8 5.8 0 0 0-.947-.829A10 10 0 0 0 7 10.051q.32-.114.649-.194c.385-.094.78-.144 1.176-.147c.444 0 .881.07 1.3.237c.416.168.82.432 1.212.858l.216.252l1.336-1.129c-.01-.011-.241-.283-.251-.292a5.1 5.1 0 0 0-1.86-1.308a5.2 5.2 0 0 0-1.953-.364q-.226.001-.446.017c-1.461.24-2.364 1.104-3.714 1.244c.001.006-4.58 0-4.581.002c-.101 0-.115.144-.017.163c1.202.24 3.341.699 4.844 1.214c1.142.529 2.24 1.205 3.106 2.022q.256.203.439.405l4.283 4.87c.61.501 1.395.755 3.066.767a6.2 6.2 0 0 1-.695-1.337a6.17 6.17 0 0 1-.014-4.256a6.1 6.1 0 0 1 1.114-1.903M24 22.56c-1.734-.022-2.489-.317-3.11-.888l-.962-1.093q-.097-.119-.197-.234l.011.023l-1.704-1.937a4.8 4.8 0 0 1-.905-4.806a4.8 4.8 0 0 1 .871-1.482l4.208-4.892c.43 2.179-.192 2.666-1.21 4.09l-1.668 1.937a3.04 3.04 0 0 0-.739 1.989c.001.741.272 1.458.761 2.014z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsArlo(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="m16.21 11.172l4.963-5.792c.943-1.293 1.494-1.828 1.07-3.94l-7.367 8.6a7.9 7.9 0 0 0-1.896 5.487L9.763 11.87a5.8 5.8 0 0 0-.947-.829A10 10 0 0 0 7 10.051q.32-.114.649-.194c.385-.094.78-.144 1.176-.147c.444 0 .881.07 1.3.237c.416.168.82.432 1.212.858l.216.252l1.336-1.129c-.01-.011-.241-.283-.251-.292a5.1 5.1 0 0 0-1.86-1.308a5.2 5.2 0 0 0-1.953-.364q-.226.001-.446.017c-1.461.24-2.364 1.104-3.714 1.244c.001.006-4.58 0-4.581.002c-.101 0-.115.144-.017.163c1.202.24 3.341.699 4.844 1.214c1.142.529 2.24 1.205 3.106 2.022q.256.203.439.405l4.283 4.87c.61.501 1.395.755 3.066.767a6.2 6.2 0 0 1-.695-1.337a6.17 6.17 0 0 1-.014-4.256a6.1 6.1 0 0 1 1.114-1.903M24 22.56c-1.734-.022-2.489-.317-3.11-.888l-.962-1.093q-.097-.119-.197-.234l.011.023l-1.704-1.937a4.8 4.8 0 0 1-.905-4.806a4.8 4.8 0 0 1 .871-1.482l4.208-4.892c.43 2.179-.192 2.666-1.21 4.09l-1.668 1.937a3.04 3.04 0 0 0-.739 1.989c.001.741.272 1.458.761 2.014z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.21 11.172l4.963-5.792c.943-1.293 1.494-1.828 1.07-3.94l-7.367 8.6a7.9 7.9 0 0 0-1.896 5.487L9.763 11.87a5.8 5.8 0 0 0-.947-.829A10 10 0 0 0 7 10.051q.32-.114.649-.194c.385-.094.78-.144 1.176-.147c.444 0 .881.07 1.3.237c.416.168.82.432 1.212.858l.216.252l1.336-1.129c-.01-.011-.241-.283-.251-.292a5.1 5.1 0 0 0-1.86-1.308a5.2 5.2 0 0 0-1.953-.364q-.226.001-.446.017c-1.461.24-2.364 1.104-3.714 1.244c.001.006-4.58 0-4.581.002c-.101 0-.115.144-.017.163c1.202.24 3.341.699 4.844 1.214c1.142.529 2.24 1.205 3.106 2.022q.256.203.439.405l4.283 4.87c.61.501 1.395.755 3.066.767a6.2 6.2 0 0 1-.695-1.337a6.17 6.17 0 0 1-.014-4.256a6.1 6.1 0 0 1 1.114-1.903M24 22.56c-1.734-.022-2.489-.317-3.11-.888l-.962-1.093q-.097-.119-.197-.234l.011.023l-1.704-1.937a4.8 4.8 0 0 1-.905-4.806a4.8 4.8 0 0 1 .871-1.482l4.208-4.892c.43 2.179-.192 2.666-1.21 4.09l-1.668 1.937a3.04 3.04 0 0 0-.739 1.989c.001.741.272 1.458.761 2.014z"/></svg> </template>
CSS
.icon-arlo {
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%22m16.21%2011.172l4.963-5.792c.943-1.293%201.494-1.828%201.07-3.94l-7.367%208.6a7.9%207.9%200%200%200-1.896%205.487L9.763%2011.87a5.8%205.8%200%200%200-.947-.829A10%2010%200%200%200%207%2010.051q.32-.114.649-.194c.385-.094.78-.144%201.176-.147c.444%200%20.881.07%201.3.237c.416.168.82.432%201.212.858l.216.252l1.336-1.129c-.01-.011-.241-.283-.251-.292a5.1%205.1%200%200%200-1.86-1.308a5.2%205.2%200%200%200-1.953-.364q-.226.001-.446.017c-1.461.24-2.364%201.104-3.714%201.244c.001.006-4.58%200-4.581.002c-.101%200-.115.144-.017.163c1.202.24%203.341.699%204.844%201.214c1.142.529%202.24%201.205%203.106%202.022q.256.203.439.405l4.283%204.87c.61.501%201.395.755%203.066.767a6.2%206.2%200%200%201-.695-1.337a6.17%206.17%200%200%201-.014-4.256a6.1%206.1%200%200%201%201.114-1.903M24%2022.56c-1.734-.022-2.489-.317-3.11-.888l-.962-1.093q-.097-.119-.197-.234l.011.023l-1.704-1.937a4.8%204.8%200%200%201-.905-4.806a4.8%204.8%200%200%201%20.871-1.482l4.208-4.892c.43%202.179-.192%202.666-1.21%204.09l-1.668%201.937a3.04%203.04%200%200%200-.739%201.989c.001.741.272%201.458.761%202.014z%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%22m16.21%2011.172l4.963-5.792c.943-1.293%201.494-1.828%201.07-3.94l-7.367%208.6a7.9%207.9%200%200%200-1.896%205.487L9.763%2011.87a5.8%205.8%200%200%200-.947-.829A10%2010%200%200%200%207%2010.051q.32-.114.649-.194c.385-.094.78-.144%201.176-.147c.444%200%20.881.07%201.3.237c.416.168.82.432%201.212.858l.216.252l1.336-1.129c-.01-.011-.241-.283-.251-.292a5.1%205.1%200%200%200-1.86-1.308a5.2%205.2%200%200%200-1.953-.364q-.226.001-.446.017c-1.461.24-2.364%201.104-3.714%201.244c.001.006-4.58%200-4.581.002c-.101%200-.115.144-.017.163c1.202.24%203.341.699%204.844%201.214c1.142.529%202.24%201.205%203.106%202.022q.256.203.439.405l4.283%204.87c.61.501%201.395.755%203.066.767a6.2%206.2%200%200%201-.695-1.337a6.17%206.17%200%200%201-.014-4.256a6.1%206.1%200%200%201%201.114-1.903M24%2022.56c-1.734-.022-2.489-.317-3.11-.888l-.962-1.093q-.097-.119-.197-.234l.011.023l-1.704-1.937a4.8%204.8%200%200%201-.905-4.806a4.8%204.8%200%200%201%20.871-1.482l4.208-4.892c.43%202.179-.192%202.666-1.21%204.09l-1.668%201.937a3.04%203.04%200%200%200-.739%201.989c.001.741.272%201.458.761%202.014z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/arlo.svg?color=%231a73e8&size=48
