How to use the Ray-Ban icon
import { RayBanLogo } from "@/assets/icons/raybanLogo"
export default function Example() {
return <RayBanLogo width="32px" height="32px" />
}Brands icon
Ray-Ban JSX Icon
Copy the Ray-Ban icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentRayBanLogo
FileraybanLogo.jsx
CategoryBrands
Copy-ready code
Ray-Ban React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1259055193
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const RayBanLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 772.316 415.773" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path fill="currentColor" d="M772.316 415.773H0V0h772.316zM501.256 48.111c-8.111 4.696-14.756 10.561-20.28 17.28-5.597 6.808-9.861 15.093-14.04 23.4-4.419 8.79-7.065 18.244-8.64 28.92-1.601 10.872-2.062 22.669-2.64 34.8-1.436 30.133-.379 61.813-2.76 90.96-.203 2.479-.343 5.504-.963 8.399-.479 2.248-1.819 5.957-.84 7.92 1.701 3.396 8.271.267 10.2-.722 7.135-3.642 13.638-8.116 15.72-16.198 1.411-5.478.842-13.688.842-20.399 0-14.665.479-27.882.479-42.121 0-6.945.154-13.875.48-20.76.646-13.677.453-27.138 2.157-40.44 1.636-12.741 3.499-24.359 7.32-35.16 3.467-9.796 8.831-20.56 16.08-26.52 3.852-3.167 9.744-5.754 16.08-3.72 5.332 1.711 8.871 5.336 10.92 10.44 4.495 11.2.757 26.873-3.12 35.4-9.03 19.864-23.413 33.291-36.72 48.36-3.173 3.593-6.745 8.856-5.761 15.24.948 6.153 4.5 9.455 7.921 13.44 3.031 3.534 6.561 7.641 10.079 11.16 3.734 3.736 7.372 6.905 9.601 11.76 2.591 5.646 1.467 12.334-.96 17.161-2.41 4.793-5.373 9.107-8.28 12.959-6.385 8.459-12.878 15.994-19.438 23.16-3.137 3.424-6.728 7.326-10.32 10.92-1.619 1.619-3.556 3.502-5.28 5.4-1.873 2.062-3.515 3.842-4.56 6.119-3.92 8.545 1.477 18.922 4.68 24.602 1.087 1.926 2.507 5.148 5.04 5.639 2.038.396 3.27-.551 4.08-1.199 1.367-1.092 2.312-2.803 3.36-4.561 2.977-5.004 6.503-9.898 9.84-14.16 11.622-14.84 24.399-29.199 37.08-42.719 5.181-5.525 10.685-10.582 13.8-18.121 1.617-3.91 2.52-8.627 1.92-13.561-1.105-9.093-6.141-15.243-12.24-19.679-9.707-7.062-18.008-13.15-26.76-21.121-3.084-2.809-9.634-7.992-6.36-13.68 1.487-2.583 4.496-4.189 7.2-6 2.856-1.913 5.196-3.564 7.8-5.4 15.324-10.801 29.552-22.692 39.36-39.96 3.102-5.458 5.945-11.568 7.32-19.08 2.988-16.342-3.09-31.648-11.28-39.84-4.624-4.624-10.306-7.629-19.32-7.2-11.037.528-20.923 4.324-28.797 8.882m-315.84 310.201c3.47-4.992 3.36-12.037 3.36-20.4 0-4.652-.468-10.078 4.08-10.199 1.475-.039 3.45 1.242 5.16 2.039 21.526 10.047 41.741 20.426 63.12 30.48 3.113 1.465 6.539 3.993 10.68 3.84 3.833-.146 6.004-3.16 7.8-5.879 1.948-2.951 3.836-5.978 4.44-9.361 1.235-6.922-5.923-8.869-10.68-11.16-25.378-12.213-50.667-24.631-75.84-37.08-2.004-.99-4.361-1.766-5.88-2.879-3.326-2.439-2.16-9.789-2.16-16.199 0-2.307.12-4.367.12-6.721 0-2.33-.266-4.918.24-6.602.728-2.418 3.37-3.549 5.76-5.039 21.565-13.445 38.981-29.91 54.12-49.562 5.558-7.213 10.855-14.688 15.12-22.68 4.445-8.331 7.999-17.309 9-28.68 1.069-12.142-2.083-22.548-6.96-30.36-4.433-7.1-11.449-13.55-20.04-17.64-10.469-4.984-25.337-7.342-40.08-5.52-2.586.32-5.049.702-7.56 1.2-14.537 2.882-27.918 6.901-41.04 11.52-26.157 9.208-49.995 20.174-72.36 32.88-7.373 4.189-14.806 8.459-21.72 13.32-6.813 4.789-12.459 10.744-15.24 19.8-1.97 6.416-2.031 15.187-2.16 24.119-.037 2.578.34 5.953 2.4 6.24 1.666.231 3.539-1.776 4.68-3 8.505-9.118 18.708-16.604 28.68-23.759 29.407-21.102 61.774-37.76 96.84-53.16 7.074-3.107 14.514-5.923 22.44-7.56 8.684-1.793 18.687-2.357 27.36-1.08 9.062 1.334 15.559 4.055 20.28 9.72 4.813 5.776 6.96 12.975 6.96 23.04 0 9.631-2.102 18.232-4.68 25.32-5.377 14.783-15.255 25.024-24.72 35.28-6.914 7.49-15.086 14.902-23.76 21.24-2 1.461-6.796 5.338-9.96 5.039-3.59-.338-3.081-6.248-2.88-10.56.193-4.151.321-8.535.36-12.239.216-20.647 1.031-40.98 1.44-61.681.083-4.188.598-8.856-.12-12.12-1.72-7.828-10.213-2.706-14.64-.48-3.262 1.64-5.663 2.703-7.8 5.04-2.808 3.071-1.983 9.971-2.16 15.6-.142 4.515-.24 9.219-.24 13.68 0 25.533-.812 49.553-1.08 75.121-.025 2.341.189 4.736-.48 6.479-.703 1.832-2.14 2.388-4.08 3.479-8.779 4.951-17.439 9.757-26.16 14.642-2.679 1.5-6.96 3.119-6.96 6.959 0 3.554 3.144 4.373 5.76 5.641 8.181 3.961 15.519 7.707 23.64 11.279 3.882 1.709 6.479 2.711 7.32 6.721.84 4 .12 8.636.12 12.843 0 14.078-.622 26.008-.72 39.84 9.041-2.18 16.353-4.287 20.88-10.801m491.88-198.24c-3.248 5.239-5.56 9.512-8.88 14.64-1.255 1.938-3.65 5.753-6.72 5.04-3.475-.806-.933-9.869-1.2-12.96-.344-3.936-2.877-8.308-7.44-7.68-3.708.511-6.84 5.021-8.76 8.04-4.362 6.861-6.99 15.703-10.68 23.041-1.92 3.818-3.853 7.52-6.84 10.08-1.16.992-3.183 2.331-5.04 2.039-1.753-.274-3.258-3.076-3.96-5.399-.73-2.414-1.164-5.486-1.44-7.92-.843-7.421-.059-16.558-5.64-18.72-4.112-1.593-7.597 1.504-9.24 3.36-1.038 1.17-1.821 2.499-3.36 3-2.254.734-4.497.012-6.6.12-6.261.321-11.502 3.697-15.36 6.48-5.368 3.874-10.104 9.423-13.92 15.121-3.899 5.826-6.929 12.298-8.88 20.16-2.04 8.219-2.404 18.715 3.96 22.319 5.3 3.002 11.727-1.358 15.12-3.84 7.102-5.188 11.128-10.521 16.8-16.92 1.199-1.354 2.505-2.839 3.84-4.562 1.01-1.303 2.425-4.479 4.08-4.201 1.311.219 2.034 3.027 2.643 4.439.807 1.879 1.473 3.453 2.278 4.801 1.682 2.811 4.684 6.604 8.279 7.08 7.531.996 12.309-4.074 15.602-8.279a75 75 0 0 0 4.921-7.08c1.178-1.916 3.084-6.696 5.76-6.359 1.692.213 1.701 2.376 2.16 4.68 1.081 5.428 4.144 9.871 10.199 7.32 3.097-1.307 5.812-4.125 8.158-6.961 5.026-6.072 7.808-11.642 11.643-18.84 1.596-2.996 3.154-8.506 6.6-8.64 4.354-.169 5.19 6.598 6 9.839 1.694 6.785 3.962 14.379 9.84 16.92 3.628 1.567 7.781.53 10.683-.72 3.281-1.418 5.572-3.295 7.56-5.281 2.667-2.666 6.933-7.307 8.28-11.039.423-1.171.963-4.146-.84-4.68-2.264-.671-3.954 2.627-6.24 2.879-3.581.396-6.528-2.099-8.04-4.319-2.71-3.979-3.88-10.292-5.28-16.32-1.393-5.997-2.247-12.091-5.64-15.96-1.375-1.567-3.816-2.89-6.24-2.64-4.528.469-6.146 4.662-8.166 7.922m-85.08 31.079c5.938-.884 2.771 6.482 1.32 9.121-1.401 2.549-2.895 4.813-4.2 6.959-1.507 2.474-2.989 4.653-4.56 6.601-1.529 1.896-3.56 4.312-5.88 5.279-1.175.49-3.678.725-4.562.121-2.104-1.437-.136-6.777.72-8.881 2.414-5.936 5.022-9.822 9.12-13.919 2.113-2.111 4.869-4.807 8.042-5.281m-193.32 26.399c-3.521 2.939-7.242 7.168-8.16 12.722-1.791 10.809 7.869 15.451 18.119 13.561 7.76-1.432 13.854-5.721 17.521-11.039 1.796-2.604 3.627-6.646 3.24-11.041-.649-7.369-7.672-10.957-15.841-10.318-6.36.492-11.106 2.967-14.879 6.115m-35.28 7.802c-3.439 5.491-6.2 11.155-9 17.039-1.794 3.77-3.52 7.776-5.88 11.521-1.615 2.562-5.228 8.324-9.36 8.041-1.95-.137-3.437-2.197-4.08-3.48-1.362-2.717-2.12-7.014-2.52-10.801-.389-3.682.265-9.414-1.32-12.119-1.917-3.271-6.082-2.168-8.64-.238-3.191 2.404-3.747 5.463-4.92 9.601-2.411 8.5-5.384 17.078-9.84 23.76-1.625 2.437-4.342 6.127-7.68 5.88-2.024-.148-3.779-2.408-4.92-4.56-2.319-4.373-3.725-9.019-4.56-14.16-.48-2.959-.464-5.719-1.56-7.801-.648-1.229-1.965-2.563-3.12-3.119-3.423-1.647-8.71.112-10.92 1.438-2.456 1.476-3.198 4.234-5.52 5.16-3.075 1.228-5.321-.109-8.52-.24-6.515-.268-10.926 2.742-14.64 6-6.9 6.052-13.124 15.513-16.2 25.08-1.612 5.015-3.138 11.854-1.92 18.119 1.109 5.707 4.75 10.158 10.2 10.439 6.081.313 10.91-3.188 14.76-6 4.304-3.146 7.071-6.322 10.44-10.199 2.285-2.631 5.054-5.312 7.08-8.398.482-.735 1.636-2.639 2.76-2.521 1.383.145 1.831 2.9 2.52 4.561.718 1.729 1.647 3.404 2.4 4.681 1.586 2.686 4.131 6.053 7.32 6.961 3.796 1.08 8.184-1.086 10.8-2.882 6.692-4.588 11.065-11.204 15.12-18.479.778-1.396 2.066-3.42 3.6-3.239 1.397.166 1.77 2.44 2.28 3.961 1.505 4.481 4.007 9.098 8.28 10.561 2.731.936 4.809.002 6.6-1.08 4.673-2.824 8.083-7.834 11.04-12.479 1.015-1.595 2.17-3.908 4.08-3.842 3.535.125 2.641 6.477 2.64 10.562 0 4.602-.24 9.131-.24 13.318 0 9.204-.182 17.129-.48 26.641-.406 12.975-.578 26.592-.84 39.84-.082 4.127-.778 10.42 1.2 12.121 1.546 1.328 5.435.84 9 .84 2.956 0 6.593.4 8.52-.24 3.835-1.272 2.972-5.957 3.12-11.278.618-22.214.59-44.33 1.2-66.24.632-22.701.66-43.697 1.2-66.24.053-2.221.623-7.313-.12-9.358-.657-1.812-2.546-2.494-3.96-2.279-2.594.38-4.069 3.02-5.4 5.147m-95.76 37.319c6.642-1.065 2.583 8.649 1.2 11.399-2.846 5.66-6.351 11.697-10.56 16.08-1.567 1.631-5.924 5.621-8.64 3.601-2.07-1.541-.385-7.278.36-9.722 1.037-3.396 2.184-6.143 3.48-8.399 2.725-4.746 7.231-9.805 11.64-12.119a8.4 8.4 0 0 1 2.52-.84"/>
</svg>
)
Built for the web
Use it in your stack
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Related JSX icons
FAQ
Is the Ray-Ban JSX icon free?
Yes. You can copy the JSX component and use it in React and Next.js projects.
Can I customize it?
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.