ray logo
ray from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- ray
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the ray logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.153 12.826c-.63-.183-1.03.15-1.378.846c-.58 1.13-1.643 1.644-2.888 1.594s-2.257-.63-2.788-1.776c-.233-.498-.498-.664-1.046-.68c-.93-.017-1.643.016-2.174 1.062c-.631 1.261-2.258 1.693-3.619 1.261a3.234 3.234 0 0 1-2.257-3.22a3.2 3.2 0 0 1 2.29-3.02a3.28 3.28 0 0 1 3.702 1.327c.216.315.216.863.597.93c.648.1 1.328.033 1.992.033c.299 0 .316-.266.399-.465c.58-1.295 1.61-1.959 2.987-1.975c1.361-.017 2.39.647 2.955 1.892c.215.465.48.598.946.548c.166-.017.332.016.498 0c.464-.083 1.062.282 1.344-.448s-.382-.913-.68-1.245c-.847-.946-1.81-1.793-2.673-2.706c-.415-.465-.763-.614-1.41-.415c-1.876.614-3.619-.431-4.15-2.357c-.448-1.676.714-3.535 2.44-3.917a3.293 3.293 0 0 1 3.95 2.457c.017.05.017.083.033.133c.117.564.117 1.145-.132 1.626c-.283.531-.133.83.249 1.195a153 153 0 0 1 3.286 3.27c.299.299.498.349.913.2c1.51-.565 2.97-.1 3.884 1.161a3.27 3.27 0 0 1-.067 3.801c-.896 1.195-2.357 1.643-3.834 1.079c-.381-.15-.58-.1-.846.182a164 164 0 0 1-3.403 3.386c-.299.3-.415.532-.232.98a3.2 3.2 0 0 1-1.278 3.917A3.3 3.3 0 0 1 9.646 23c-1.062-1.062-1.228-2.688-.415-4.033a3.196 3.196 0 0 1 3.835-1.294c.498.182.78.083 1.145-.283c1.012-1.045 2.058-2.058 3.087-3.103c.266-.266.68-.449.432-1.03c-.233-.547-.631-.414-1.03-.431zM11.97 4.942c.913.016 1.643-.714 1.66-1.627v-.05a1.646 1.646 0 0 0-1.76-1.56a1.63 1.63 0 0 0-1.543 1.527a1.64 1.64 0 0 0 1.577 1.71zm.033 5.41a1.66 1.66 0 0 0-1.676 1.61v.084a1.73 1.73 0 0 0 1.643 1.66c.847.016 1.643-.78 1.677-1.627a1.65 1.65 0 0 0-1.577-1.71c-.017-.016-.05-.016-.067-.016zm7.088 1.694c.016.896.747 1.61 1.626 1.643a1.723 1.723 0 0 0 1.66-1.726a1.666 1.666 0 0 0-1.66-1.61a1.623 1.623 0 0 0-1.643 1.577c.017.05.017.083.017.116M3.24 10.353a1.69 1.69 0 0 0-1.66 1.626c-.017.847.863 1.727 1.693 1.71a1.687 1.687 0 0 0 1.626-1.743a1.615 1.615 0 0 0-1.643-1.593Zm8.68 12c.98.033 1.71-.647 1.727-1.593a1.646 1.646 0 0 0-1.51-1.793a1.646 1.646 0 0 0-1.793 1.51v.233a1.61 1.61 0 0 0 1.543 1.66c0-.017.017-.017.033-.017"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsRay(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.153 12.826c-.63-.183-1.03.15-1.378.846c-.58 1.13-1.643 1.644-2.888 1.594s-2.257-.63-2.788-1.776c-.233-.498-.498-.664-1.046-.68c-.93-.017-1.643.016-2.174 1.062c-.631 1.261-2.258 1.693-3.619 1.261a3.234 3.234 0 0 1-2.257-3.22a3.2 3.2 0 0 1 2.29-3.02a3.28 3.28 0 0 1 3.702 1.327c.216.315.216.863.597.93c.648.1 1.328.033 1.992.033c.299 0 .316-.266.399-.465c.58-1.295 1.61-1.959 2.987-1.975c1.361-.017 2.39.647 2.955 1.892c.215.465.48.598.946.548c.166-.017.332.016.498 0c.464-.083 1.062.282 1.344-.448s-.382-.913-.68-1.245c-.847-.946-1.81-1.793-2.673-2.706c-.415-.465-.763-.614-1.41-.415c-1.876.614-3.619-.431-4.15-2.357c-.448-1.676.714-3.535 2.44-3.917a3.293 3.293 0 0 1 3.95 2.457c.017.05.017.083.033.133c.117.564.117 1.145-.132 1.626c-.283.531-.133.83.249 1.195a153 153 0 0 1 3.286 3.27c.299.299.498.349.913.2c1.51-.565 2.97-.1 3.884 1.161a3.27 3.27 0 0 1-.067 3.801c-.896 1.195-2.357 1.643-3.834 1.079c-.381-.15-.58-.1-.846.182a164 164 0 0 1-3.403 3.386c-.299.3-.415.532-.232.98a3.2 3.2 0 0 1-1.278 3.917A3.3 3.3 0 0 1 9.646 23c-1.062-1.062-1.228-2.688-.415-4.033a3.196 3.196 0 0 1 3.835-1.294c.498.182.78.083 1.145-.283c1.012-1.045 2.058-2.058 3.087-3.103c.266-.266.68-.449.432-1.03c-.233-.547-.631-.414-1.03-.431zM11.97 4.942c.913.016 1.643-.714 1.66-1.627v-.05a1.646 1.646 0 0 0-1.76-1.56a1.63 1.63 0 0 0-1.543 1.527a1.64 1.64 0 0 0 1.577 1.71zm.033 5.41a1.66 1.66 0 0 0-1.676 1.61v.084a1.73 1.73 0 0 0 1.643 1.66c.847.016 1.643-.78 1.677-1.627a1.65 1.65 0 0 0-1.577-1.71c-.017-.016-.05-.016-.067-.016zm7.088 1.694c.016.896.747 1.61 1.626 1.643a1.723 1.723 0 0 0 1.66-1.726a1.666 1.666 0 0 0-1.66-1.61a1.623 1.623 0 0 0-1.643 1.577c.017.05.017.083.017.116M3.24 10.353a1.69 1.69 0 0 0-1.66 1.626c-.017.847.863 1.727 1.693 1.71a1.687 1.687 0 0 0 1.626-1.743a1.615 1.615 0 0 0-1.643-1.593Zm8.68 12c.98.033 1.71-.647 1.727-1.593a1.646 1.646 0 0 0-1.51-1.793a1.646 1.646 0 0 0-1.793 1.51v.233a1.61 1.61 0 0 0 1.543 1.66c0-.017.017-.017.033-.017"/></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.153 12.826c-.63-.183-1.03.15-1.378.846c-.58 1.13-1.643 1.644-2.888 1.594s-2.257-.63-2.788-1.776c-.233-.498-.498-.664-1.046-.68c-.93-.017-1.643.016-2.174 1.062c-.631 1.261-2.258 1.693-3.619 1.261a3.234 3.234 0 0 1-2.257-3.22a3.2 3.2 0 0 1 2.29-3.02a3.28 3.28 0 0 1 3.702 1.327c.216.315.216.863.597.93c.648.1 1.328.033 1.992.033c.299 0 .316-.266.399-.465c.58-1.295 1.61-1.959 2.987-1.975c1.361-.017 2.39.647 2.955 1.892c.215.465.48.598.946.548c.166-.017.332.016.498 0c.464-.083 1.062.282 1.344-.448s-.382-.913-.68-1.245c-.847-.946-1.81-1.793-2.673-2.706c-.415-.465-.763-.614-1.41-.415c-1.876.614-3.619-.431-4.15-2.357c-.448-1.676.714-3.535 2.44-3.917a3.293 3.293 0 0 1 3.95 2.457c.017.05.017.083.033.133c.117.564.117 1.145-.132 1.626c-.283.531-.133.83.249 1.195a153 153 0 0 1 3.286 3.27c.299.299.498.349.913.2c1.51-.565 2.97-.1 3.884 1.161a3.27 3.27 0 0 1-.067 3.801c-.896 1.195-2.357 1.643-3.834 1.079c-.381-.15-.58-.1-.846.182a164 164 0 0 1-3.403 3.386c-.299.3-.415.532-.232.98a3.2 3.2 0 0 1-1.278 3.917A3.3 3.3 0 0 1 9.646 23c-1.062-1.062-1.228-2.688-.415-4.033a3.196 3.196 0 0 1 3.835-1.294c.498.182.78.083 1.145-.283c1.012-1.045 2.058-2.058 3.087-3.103c.266-.266.68-.449.432-1.03c-.233-.547-.631-.414-1.03-.431zM11.97 4.942c.913.016 1.643-.714 1.66-1.627v-.05a1.646 1.646 0 0 0-1.76-1.56a1.63 1.63 0 0 0-1.543 1.527a1.64 1.64 0 0 0 1.577 1.71zm.033 5.41a1.66 1.66 0 0 0-1.676 1.61v.084a1.73 1.73 0 0 0 1.643 1.66c.847.016 1.643-.78 1.677-1.627a1.65 1.65 0 0 0-1.577-1.71c-.017-.016-.05-.016-.067-.016zm7.088 1.694c.016.896.747 1.61 1.626 1.643a1.723 1.723 0 0 0 1.66-1.726a1.666 1.666 0 0 0-1.66-1.61a1.623 1.623 0 0 0-1.643 1.577c.017.05.017.083.017.116M3.24 10.353a1.69 1.69 0 0 0-1.66 1.626c-.017.847.863 1.727 1.693 1.71a1.687 1.687 0 0 0 1.626-1.743a1.615 1.615 0 0 0-1.643-1.593Zm8.68 12c.98.033 1.71-.647 1.727-1.593a1.646 1.646 0 0 0-1.51-1.793a1.646 1.646 0 0 0-1.793 1.51v.233a1.61 1.61 0 0 0 1.543 1.66c0-.017.017-.017.033-.017"/></svg> </template>
CSS
.icon-ray {
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.153%2012.826c-.63-.183-1.03.15-1.378.846c-.58%201.13-1.643%201.644-2.888%201.594s-2.257-.63-2.788-1.776c-.233-.498-.498-.664-1.046-.68c-.93-.017-1.643.016-2.174%201.062c-.631%201.261-2.258%201.693-3.619%201.261a3.234%203.234%200%200%201-2.257-3.22a3.2%203.2%200%200%201%202.29-3.02a3.28%203.28%200%200%201%203.702%201.327c.216.315.216.863.597.93c.648.1%201.328.033%201.992.033c.299%200%20.316-.266.399-.465c.58-1.295%201.61-1.959%202.987-1.975c1.361-.017%202.39.647%202.955%201.892c.215.465.48.598.946.548c.166-.017.332.016.498%200c.464-.083%201.062.282%201.344-.448s-.382-.913-.68-1.245c-.847-.946-1.81-1.793-2.673-2.706c-.415-.465-.763-.614-1.41-.415c-1.876.614-3.619-.431-4.15-2.357c-.448-1.676.714-3.535%202.44-3.917a3.293%203.293%200%200%201%203.95%202.457c.017.05.017.083.033.133c.117.564.117%201.145-.132%201.626c-.283.531-.133.83.249%201.195a153%20153%200%200%201%203.286%203.27c.299.299.498.349.913.2c1.51-.565%202.97-.1%203.884%201.161a3.27%203.27%200%200%201-.067%203.801c-.896%201.195-2.357%201.643-3.834%201.079c-.381-.15-.58-.1-.846.182a164%20164%200%200%201-3.403%203.386c-.299.3-.415.532-.232.98a3.2%203.2%200%200%201-1.278%203.917A3.3%203.3%200%200%201%209.646%2023c-1.062-1.062-1.228-2.688-.415-4.033a3.196%203.196%200%200%201%203.835-1.294c.498.182.78.083%201.145-.283c1.012-1.045%202.058-2.058%203.087-3.103c.266-.266.68-.449.432-1.03c-.233-.547-.631-.414-1.03-.431zM11.97%204.942c.913.016%201.643-.714%201.66-1.627v-.05a1.646%201.646%200%200%200-1.76-1.56a1.63%201.63%200%200%200-1.543%201.527a1.64%201.64%200%200%200%201.577%201.71zm.033%205.41a1.66%201.66%200%200%200-1.676%201.61v.084a1.73%201.73%200%200%200%201.643%201.66c.847.016%201.643-.78%201.677-1.627a1.65%201.65%200%200%200-1.577-1.71c-.017-.016-.05-.016-.067-.016zm7.088%201.694c.016.896.747%201.61%201.626%201.643a1.723%201.723%200%200%200%201.66-1.726a1.666%201.666%200%200%200-1.66-1.61a1.623%201.623%200%200%200-1.643%201.577c.017.05.017.083.017.116M3.24%2010.353a1.69%201.69%200%200%200-1.66%201.626c-.017.847.863%201.727%201.693%201.71a1.687%201.687%200%200%200%201.626-1.743a1.615%201.615%200%200%200-1.643-1.593Zm8.68%2012c.98.033%201.71-.647%201.727-1.593a1.646%201.646%200%200%200-1.51-1.793a1.646%201.646%200%200%200-1.793%201.51v.233a1.61%201.61%200%200%200%201.543%201.66c0-.017.017-.017.033-.017%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.153%2012.826c-.63-.183-1.03.15-1.378.846c-.58%201.13-1.643%201.644-2.888%201.594s-2.257-.63-2.788-1.776c-.233-.498-.498-.664-1.046-.68c-.93-.017-1.643.016-2.174%201.062c-.631%201.261-2.258%201.693-3.619%201.261a3.234%203.234%200%200%201-2.257-3.22a3.2%203.2%200%200%201%202.29-3.02a3.28%203.28%200%200%201%203.702%201.327c.216.315.216.863.597.93c.648.1%201.328.033%201.992.033c.299%200%20.316-.266.399-.465c.58-1.295%201.61-1.959%202.987-1.975c1.361-.017%202.39.647%202.955%201.892c.215.465.48.598.946.548c.166-.017.332.016.498%200c.464-.083%201.062.282%201.344-.448s-.382-.913-.68-1.245c-.847-.946-1.81-1.793-2.673-2.706c-.415-.465-.763-.614-1.41-.415c-1.876.614-3.619-.431-4.15-2.357c-.448-1.676.714-3.535%202.44-3.917a3.293%203.293%200%200%201%203.95%202.457c.017.05.017.083.033.133c.117.564.117%201.145-.132%201.626c-.283.531-.133.83.249%201.195a153%20153%200%200%201%203.286%203.27c.299.299.498.349.913.2c1.51-.565%202.97-.1%203.884%201.161a3.27%203.27%200%200%201-.067%203.801c-.896%201.195-2.357%201.643-3.834%201.079c-.381-.15-.58-.1-.846.182a164%20164%200%200%201-3.403%203.386c-.299.3-.415.532-.232.98a3.2%203.2%200%200%201-1.278%203.917A3.3%203.3%200%200%201%209.646%2023c-1.062-1.062-1.228-2.688-.415-4.033a3.196%203.196%200%200%201%203.835-1.294c.498.182.78.083%201.145-.283c1.012-1.045%202.058-2.058%203.087-3.103c.266-.266.68-.449.432-1.03c-.233-.547-.631-.414-1.03-.431zM11.97%204.942c.913.016%201.643-.714%201.66-1.627v-.05a1.646%201.646%200%200%200-1.76-1.56a1.63%201.63%200%200%200-1.543%201.527a1.64%201.64%200%200%200%201.577%201.71zm.033%205.41a1.66%201.66%200%200%200-1.676%201.61v.084a1.73%201.73%200%200%200%201.643%201.66c.847.016%201.643-.78%201.677-1.627a1.65%201.65%200%200%200-1.577-1.71c-.017-.016-.05-.016-.067-.016zm7.088%201.694c.016.896.747%201.61%201.626%201.643a1.723%201.723%200%200%200%201.66-1.726a1.666%201.666%200%200%200-1.66-1.61a1.623%201.623%200%200%200-1.643%201.577c.017.05.017.083.017.116M3.24%2010.353a1.69%201.69%200%200%200-1.66%201.626c-.017.847.863%201.727%201.693%201.71a1.687%201.687%200%200%200%201.626-1.743a1.615%201.615%200%200%200-1.643-1.593Zm8.68%2012c.98.033%201.71-.647%201.727-1.593a1.646%201.646%200%200%200-1.51-1.793a1.646%201.646%200%200%200-1.793%201.51v.233a1.61%201.61%200%200%200%201.543%201.66c0-.017.017-.017.033-.017%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/ray.svg?color=%231a73e8&size=48
