frigate logo
frigate from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- frigate
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the frigate logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.892.036c-.066.078-4.134 1.356-5.313 1.679c-1.089.3-4.201 1.49-4.646 1.778c-.144.1-.255.267-.255.378s.278.622.611 1.134c.756 1.156.778 1.434.211 2.767c-.556 1.29-.9 1.7-1.8 2.123c-.412.19-.867.467-1.023.6c-.156.134-.556.356-.89.478c-.333.123-.622.3-.644.39c-.033.144.022.144.4.022c.6-.212.912-.112.912.289c0 .355-.445.666-1.623 1.156c-2.823 1.144-3.646 1.511-4.024 1.822c-.578.445-.655.856-.355 1.79c.122.378.222.811.222.945c0 .233.589 1.923 1.5 4.323c.367.956 1.123 2.279 1.312 2.29c.056 0 .067-.256.022-.567c-.066-.5-.166-3.245-.189-5.602c-.022-1.2.223-1.767 1.112-2.634c.844-.834 2.123-1.712 3.256-2.256c.756-.356.834-.378 1.701-.312c.934.067 2.479-.144 3.323-.444c.3-.111.578-.122.89-.067c.6.111 4.412.122 4.412.011c0-.044-.356-.144-.789-.21c-1.167-.179-1.19-.334-.056-.423c1.845-.156.834-.39-1.69-.39c-1.655 0-1.978-.088-2.567-.7c-.578-.61-.855-2.211-.555-3.19c.066-.21.155-1.111.21-2c.045-.89.123-1.7.168-1.812c.1-.256 1.344-.978 2.512-1.456c.51-.211 1.333-.556 1.822-.767c.778-.333 1.845-.789 2.557-1.078c.167-.078.122-.1-.234-.1c-.244-.011-.478.011-.5.033"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsFrigate(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="M20.892.036c-.066.078-4.134 1.356-5.313 1.679c-1.089.3-4.201 1.49-4.646 1.778c-.144.1-.255.267-.255.378s.278.622.611 1.134c.756 1.156.778 1.434.211 2.767c-.556 1.29-.9 1.7-1.8 2.123c-.412.19-.867.467-1.023.6c-.156.134-.556.356-.89.478c-.333.123-.622.3-.644.39c-.033.144.022.144.4.022c.6-.212.912-.112.912.289c0 .355-.445.666-1.623 1.156c-2.823 1.144-3.646 1.511-4.024 1.822c-.578.445-.655.856-.355 1.79c.122.378.222.811.222.945c0 .233.589 1.923 1.5 4.323c.367.956 1.123 2.279 1.312 2.29c.056 0 .067-.256.022-.567c-.066-.5-.166-3.245-.189-5.602c-.022-1.2.223-1.767 1.112-2.634c.844-.834 2.123-1.712 3.256-2.256c.756-.356.834-.378 1.701-.312c.934.067 2.479-.144 3.323-.444c.3-.111.578-.122.89-.067c.6.111 4.412.122 4.412.011c0-.044-.356-.144-.789-.21c-1.167-.179-1.19-.334-.056-.423c1.845-.156.834-.39-1.69-.39c-1.655 0-1.978-.088-2.567-.7c-.578-.61-.855-2.211-.555-3.19c.066-.21.155-1.111.21-2c.045-.89.123-1.7.168-1.812c.1-.256 1.344-.978 2.512-1.456c.51-.211 1.333-.556 1.822-.767c.778-.333 1.845-.789 2.557-1.078c.167-.078.122-.1-.234-.1c-.244-.011-.478.011-.5.033"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.892.036c-.066.078-4.134 1.356-5.313 1.679c-1.089.3-4.201 1.49-4.646 1.778c-.144.1-.255.267-.255.378s.278.622.611 1.134c.756 1.156.778 1.434.211 2.767c-.556 1.29-.9 1.7-1.8 2.123c-.412.19-.867.467-1.023.6c-.156.134-.556.356-.89.478c-.333.123-.622.3-.644.39c-.033.144.022.144.4.022c.6-.212.912-.112.912.289c0 .355-.445.666-1.623 1.156c-2.823 1.144-3.646 1.511-4.024 1.822c-.578.445-.655.856-.355 1.79c.122.378.222.811.222.945c0 .233.589 1.923 1.5 4.323c.367.956 1.123 2.279 1.312 2.29c.056 0 .067-.256.022-.567c-.066-.5-.166-3.245-.189-5.602c-.022-1.2.223-1.767 1.112-2.634c.844-.834 2.123-1.712 3.256-2.256c.756-.356.834-.378 1.701-.312c.934.067 2.479-.144 3.323-.444c.3-.111.578-.122.89-.067c.6.111 4.412.122 4.412.011c0-.044-.356-.144-.789-.21c-1.167-.179-1.19-.334-.056-.423c1.845-.156.834-.39-1.69-.39c-1.655 0-1.978-.088-2.567-.7c-.578-.61-.855-2.211-.555-3.19c.066-.21.155-1.111.21-2c.045-.89.123-1.7.168-1.812c.1-.256 1.344-.978 2.512-1.456c.51-.211 1.333-.556 1.822-.767c.778-.333 1.845-.789 2.557-1.078c.167-.078.122-.1-.234-.1c-.244-.011-.478.011-.5.033"/></svg> </template>
CSS
.icon-frigate {
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%22M20.892.036c-.066.078-4.134%201.356-5.313%201.679c-1.089.3-4.201%201.49-4.646%201.778c-.144.1-.255.267-.255.378s.278.622.611%201.134c.756%201.156.778%201.434.211%202.767c-.556%201.29-.9%201.7-1.8%202.123c-.412.19-.867.467-1.023.6c-.156.134-.556.356-.89.478c-.333.123-.622.3-.644.39c-.033.144.022.144.4.022c.6-.212.912-.112.912.289c0%20.355-.445.666-1.623%201.156c-2.823%201.144-3.646%201.511-4.024%201.822c-.578.445-.655.856-.355%201.79c.122.378.222.811.222.945c0%20.233.589%201.923%201.5%204.323c.367.956%201.123%202.279%201.312%202.29c.056%200%20.067-.256.022-.567c-.066-.5-.166-3.245-.189-5.602c-.022-1.2.223-1.767%201.112-2.634c.844-.834%202.123-1.712%203.256-2.256c.756-.356.834-.378%201.701-.312c.934.067%202.479-.144%203.323-.444c.3-.111.578-.122.89-.067c.6.111%204.412.122%204.412.011c0-.044-.356-.144-.789-.21c-1.167-.179-1.19-.334-.056-.423c1.845-.156.834-.39-1.69-.39c-1.655%200-1.978-.088-2.567-.7c-.578-.61-.855-2.211-.555-3.19c.066-.21.155-1.111.21-2c.045-.89.123-1.7.168-1.812c.1-.256%201.344-.978%202.512-1.456c.51-.211%201.333-.556%201.822-.767c.778-.333%201.845-.789%202.557-1.078c.167-.078.122-.1-.234-.1c-.244-.011-.478.011-.5.033%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%22M20.892.036c-.066.078-4.134%201.356-5.313%201.679c-1.089.3-4.201%201.49-4.646%201.778c-.144.1-.255.267-.255.378s.278.622.611%201.134c.756%201.156.778%201.434.211%202.767c-.556%201.29-.9%201.7-1.8%202.123c-.412.19-.867.467-1.023.6c-.156.134-.556.356-.89.478c-.333.123-.622.3-.644.39c-.033.144.022.144.4.022c.6-.212.912-.112.912.289c0%20.355-.445.666-1.623%201.156c-2.823%201.144-3.646%201.511-4.024%201.822c-.578.445-.655.856-.355%201.79c.122.378.222.811.222.945c0%20.233.589%201.923%201.5%204.323c.367.956%201.123%202.279%201.312%202.29c.056%200%20.067-.256.022-.567c-.066-.5-.166-3.245-.189-5.602c-.022-1.2.223-1.767%201.112-2.634c.844-.834%202.123-1.712%203.256-2.256c.756-.356.834-.378%201.701-.312c.934.067%202.479-.144%203.323-.444c.3-.111.578-.122.89-.067c.6.111%204.412.122%204.412.011c0-.044-.356-.144-.789-.21c-1.167-.179-1.19-.334-.056-.423c1.845-.156.834-.39-1.69-.39c-1.655%200-1.978-.088-2.567-.7c-.578-.61-.855-2.211-.555-3.19c.066-.21.155-1.111.21-2c.045-.89.123-1.7.168-1.812c.1-.256%201.344-.978%202.512-1.456c.51-.211%201.333-.556%201.822-.767c.778-.333%201.845-.789%202.557-1.078c.167-.078.122-.1-.234-.1c-.244-.011-.478.011-.5.033%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/frigate.svg?color=%231a73e8&size=48
