rancher icon logo

rancher-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
rancher-icon
Set
SVG Logos
Style
Color
Viewbox
256×121
License
CC0

Use the rancher icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 121"><path fill="#2453ff" d="M255.867 26.366L253.05 9.727a31.4 31.4 0 0 0-1.044-4.373l-.216-.643C250.801 1.887 249.54 0 248.443 0c-1.044 0-1.988 1.766-2.546 4.411l-.117.602q-.029.155-.054.311l-.097.642q-.023.162-.043.33l-.076.675q-.033.343-.06.696l-.043.714q-.035.723-.035 1.474v4.352c0 5.375-4.48 9.855-9.856 9.855h-5.247v12.03h17.278c5.504 0 9.216-4.35 8.32-9.726m-39.293-14.08h-54.523c-.384 0-.64 0-.896.129l-.002-2.933l-.018-.738l-.015-.363l-.044-.714q-.052-.706-.135-1.372l-.09-.653a23 23 0 0 0-.104-.629l-.117-.602C160.072 1.766 159.128 0 158.083 0c-1.46 0-3.217 3.355-4.23 7.812l-.163.753q-.076.381-.147.77l-2.883 17.03c-.896 5.376 2.816 9.728 8.191 9.728h16.383c1.664 0 3.328-.256 4.607-.768c-.511 2.816-2.943 4.863-5.887 4.863h-23.038c-3.712 0-6.527-3.327-5.887-7.039l2.303-13.95c.64-3.712-2.175-7.04-5.887-7.04H27.279c-2.432 0-4.48 1.408-5.503 3.584L.274 48.636a1.37 1.37 0 0 0 .128 1.791l4.223 4.992c.512.64 1.408.768 2.048.256l14.59-11.519v70.138a6.01 6.01 0 0 0 6.016 6.015h32.51a6.01 6.01 0 0 0 6.015-6.015V89.976a6.01 6.01 0 0 1 6.015-6.016h81.017a6.01 6.01 0 0 1 6.015 6.016v24.318a6.01 6.01 0 0 0 6.016 6.015h32.509a6.01 6.01 0 0 0 6.015-6.015V87.8h-17.278c-5.376 0-9.855-4.48-9.855-9.855V61.178c0-3.2 1.536-6.015 3.967-7.807v20.094c0 5.376 4.48 9.855 9.856 9.855h26.493c5.376 0 9.855-4.48 9.855-9.855V22.27c0-5.504-4.48-9.983-9.855-9.983"/></svg>

React

import type { SVGProps } from "react";

export function LogosRancherIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 121"><path fill="#2453ff" d="M255.867 26.366L253.05 9.727a31.4 31.4 0 0 0-1.044-4.373l-.216-.643C250.801 1.887 249.54 0 248.443 0c-1.044 0-1.988 1.766-2.546 4.411l-.117.602q-.029.155-.054.311l-.097.642q-.023.162-.043.33l-.076.675q-.033.343-.06.696l-.043.714q-.035.723-.035 1.474v4.352c0 5.375-4.48 9.855-9.856 9.855h-5.247v12.03h17.278c5.504 0 9.216-4.35 8.32-9.726m-39.293-14.08h-54.523c-.384 0-.64 0-.896.129l-.002-2.933l-.018-.738l-.015-.363l-.044-.714q-.052-.706-.135-1.372l-.09-.653a23 23 0 0 0-.104-.629l-.117-.602C160.072 1.766 159.128 0 158.083 0c-1.46 0-3.217 3.355-4.23 7.812l-.163.753q-.076.381-.147.77l-2.883 17.03c-.896 5.376 2.816 9.728 8.191 9.728h16.383c1.664 0 3.328-.256 4.607-.768c-.511 2.816-2.943 4.863-5.887 4.863h-23.038c-3.712 0-6.527-3.327-5.887-7.039l2.303-13.95c.64-3.712-2.175-7.04-5.887-7.04H27.279c-2.432 0-4.48 1.408-5.503 3.584L.274 48.636a1.37 1.37 0 0 0 .128 1.791l4.223 4.992c.512.64 1.408.768 2.048.256l14.59-11.519v70.138a6.01 6.01 0 0 0 6.016 6.015h32.51a6.01 6.01 0 0 0 6.015-6.015V89.976a6.01 6.01 0 0 1 6.015-6.016h81.017a6.01 6.01 0 0 1 6.015 6.016v24.318a6.01 6.01 0 0 0 6.016 6.015h32.509a6.01 6.01 0 0 0 6.015-6.015V87.8h-17.278c-5.376 0-9.855-4.48-9.855-9.855V61.178c0-3.2 1.536-6.015 3.967-7.807v20.094c0 5.376 4.48 9.855 9.856 9.855h26.493c5.376 0 9.855-4.48 9.855-9.855V22.27c0-5.504-4.48-9.983-9.855-9.983"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 121"><path fill="#2453ff" d="M255.867 26.366L253.05 9.727a31.4 31.4 0 0 0-1.044-4.373l-.216-.643C250.801 1.887 249.54 0 248.443 0c-1.044 0-1.988 1.766-2.546 4.411l-.117.602q-.029.155-.054.311l-.097.642q-.023.162-.043.33l-.076.675q-.033.343-.06.696l-.043.714q-.035.723-.035 1.474v4.352c0 5.375-4.48 9.855-9.856 9.855h-5.247v12.03h17.278c5.504 0 9.216-4.35 8.32-9.726m-39.293-14.08h-54.523c-.384 0-.64 0-.896.129l-.002-2.933l-.018-.738l-.015-.363l-.044-.714q-.052-.706-.135-1.372l-.09-.653a23 23 0 0 0-.104-.629l-.117-.602C160.072 1.766 159.128 0 158.083 0c-1.46 0-3.217 3.355-4.23 7.812l-.163.753q-.076.381-.147.77l-2.883 17.03c-.896 5.376 2.816 9.728 8.191 9.728h16.383c1.664 0 3.328-.256 4.607-.768c-.511 2.816-2.943 4.863-5.887 4.863h-23.038c-3.712 0-6.527-3.327-5.887-7.039l2.303-13.95c.64-3.712-2.175-7.04-5.887-7.04H27.279c-2.432 0-4.48 1.408-5.503 3.584L.274 48.636a1.37 1.37 0 0 0 .128 1.791l4.223 4.992c.512.64 1.408.768 2.048.256l14.59-11.519v70.138a6.01 6.01 0 0 0 6.016 6.015h32.51a6.01 6.01 0 0 0 6.015-6.015V89.976a6.01 6.01 0 0 1 6.015-6.016h81.017a6.01 6.01 0 0 1 6.015 6.016v24.318a6.01 6.01 0 0 0 6.016 6.015h32.509a6.01 6.01 0 0 0 6.015-6.015V87.8h-17.278c-5.376 0-9.855-4.48-9.855-9.855V61.178c0-3.2 1.536-6.015 3.967-7.807v20.094c0 5.376 4.48 9.855 9.856 9.855h26.493c5.376 0 9.855-4.48 9.855-9.855V22.27c0-5.504-4.48-9.983-9.855-9.983"/></svg>
</template>

CSS

.icon-rancher-icon {
  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%20256%20121%22%3E%3Cpath%20fill%3D%22%232453ff%22%20d%3D%22M255.867%2026.366L253.05%209.727a31.4%2031.4%200%200%200-1.044-4.373l-.216-.643C250.801%201.887%20249.54%200%20248.443%200c-1.044%200-1.988%201.766-2.546%204.411l-.117.602q-.029.155-.054.311l-.097.642q-.023.162-.043.33l-.076.675q-.033.343-.06.696l-.043.714q-.035.723-.035%201.474v4.352c0%205.375-4.48%209.855-9.856%209.855h-5.247v12.03h17.278c5.504%200%209.216-4.35%208.32-9.726m-39.293-14.08h-54.523c-.384%200-.64%200-.896.129l-.002-2.933l-.018-.738l-.015-.363l-.044-.714q-.052-.706-.135-1.372l-.09-.653a23%2023%200%200%200-.104-.629l-.117-.602C160.072%201.766%20159.128%200%20158.083%200c-1.46%200-3.217%203.355-4.23%207.812l-.163.753q-.076.381-.147.77l-2.883%2017.03c-.896%205.376%202.816%209.728%208.191%209.728h16.383c1.664%200%203.328-.256%204.607-.768c-.511%202.816-2.943%204.863-5.887%204.863h-23.038c-3.712%200-6.527-3.327-5.887-7.039l2.303-13.95c.64-3.712-2.175-7.04-5.887-7.04H27.279c-2.432%200-4.48%201.408-5.503%203.584L.274%2048.636a1.37%201.37%200%200%200%20.128%201.791l4.223%204.992c.512.64%201.408.768%202.048.256l14.59-11.519v70.138a6.01%206.01%200%200%200%206.016%206.015h32.51a6.01%206.01%200%200%200%206.015-6.015V89.976a6.01%206.01%200%200%201%206.015-6.016h81.017a6.01%206.01%200%200%201%206.015%206.016v24.318a6.01%206.01%200%200%200%206.016%206.015h32.509a6.01%206.01%200%200%200%206.015-6.015V87.8h-17.278c-5.376%200-9.855-4.48-9.855-9.855V61.178c0-3.2%201.536-6.015%203.967-7.807v20.094c0%205.376%204.48%209.855%209.856%209.855h26.493c5.376%200%209.855-4.48%209.855-9.855V22.27c0-5.504-4.48-9.983-9.855-9.983%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%20256%20121%22%3E%3Cpath%20fill%3D%22%232453ff%22%20d%3D%22M255.867%2026.366L253.05%209.727a31.4%2031.4%200%200%200-1.044-4.373l-.216-.643C250.801%201.887%20249.54%200%20248.443%200c-1.044%200-1.988%201.766-2.546%204.411l-.117.602q-.029.155-.054.311l-.097.642q-.023.162-.043.33l-.076.675q-.033.343-.06.696l-.043.714q-.035.723-.035%201.474v4.352c0%205.375-4.48%209.855-9.856%209.855h-5.247v12.03h17.278c5.504%200%209.216-4.35%208.32-9.726m-39.293-14.08h-54.523c-.384%200-.64%200-.896.129l-.002-2.933l-.018-.738l-.015-.363l-.044-.714q-.052-.706-.135-1.372l-.09-.653a23%2023%200%200%200-.104-.629l-.117-.602C160.072%201.766%20159.128%200%20158.083%200c-1.46%200-3.217%203.355-4.23%207.812l-.163.753q-.076.381-.147.77l-2.883%2017.03c-.896%205.376%202.816%209.728%208.191%209.728h16.383c1.664%200%203.328-.256%204.607-.768c-.511%202.816-2.943%204.863-5.887%204.863h-23.038c-3.712%200-6.527-3.327-5.887-7.039l2.303-13.95c.64-3.712-2.175-7.04-5.887-7.04H27.279c-2.432%200-4.48%201.408-5.503%203.584L.274%2048.636a1.37%201.37%200%200%200%20.128%201.791l4.223%204.992c.512.64%201.408.768%202.048.256l14.59-11.519v70.138a6.01%206.01%200%200%200%206.016%206.015h32.51a6.01%206.01%200%200%200%206.015-6.015V89.976a6.01%206.01%200%200%201%206.015-6.016h81.017a6.01%206.01%200%200%201%206.015%206.016v24.318a6.01%206.01%200%200%200%206.016%206.015h32.509a6.01%206.01%200%200%200%206.015-6.015V87.8h-17.278c-5.376%200-9.855-4.48-9.855-9.855V61.178c0-3.2%201.536-6.015%203.967-7.807v20.094c0%205.376%204.48%209.855%209.856%209.855h26.493c5.376%200%209.855-4.48%209.855-9.855V22.27c0-5.504-4.48-9.983-9.855-9.983%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/rancher-icon.svg?color=%231a73e8&size=48