jedi order icon

jedi-order from Line Awesome by Icons8 · Line · Science Fiction · Apache-2.0 Free for personal and commercial use.

Name
jedi-order
Set
Line Awesome
Style
Line
Category
Science Fiction
Viewbox
32×32
License
Apache 2.0

The same icon in other sets

jedi-orderFont Awesome 6 Brandsjedi-orderFont Awesome Brands

More science fiction icons from Line Awesome

galactic-republicgalactic-senateglobejedijournal-whillsold-republicrobotrocketsatellitesatellite-dishspace-shuttle

Use the jedi order icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m15.486 3l-.441 16.854l-1.752-2.561l1.127 3.096l-3.492.507l3.492.508l-1.35 2.645l1.924-2.02c-.1 3.838-.123 4.782-.123 4.782s-8.613-4-3.826-12.838c0 0-5.97-6.591-.563-10.641c0 0-9.233 5.575-3.375 15.148c0 0-4.843-4.73-2.31-9.511c0 0-4.39 6.192.96 13.004c0 0-1.461-.897-2.755-4.334c0 0 .942 10.226 12.385 10.359h.228C27.051 27.866 28 17.641 28 17.641c-1.317 3.43-2.783 4.334-2.783 4.334c5.35-6.812.959-13.004.959-13.004c2.533 4.787-2.31 9.511-2.31 9.511C29.722 8.914 20.49 3.336 20.49 3.336c5.406 4.056-.562 10.639-.562 10.639c4.787 8.837-3.826 12.838-3.826 12.838s-.022-.944-.123-4.782l1.923 2.02l-1.35-2.645l3.495-.508l-3.494-.507l1.127-3.096l-1.752 2.56C15.804 14.961 15.492 3.1 15.486 3"/></svg>

React

import type { SVGProps } from "react";

export function LaJediOrder(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m15.486 3l-.441 16.854l-1.752-2.561l1.127 3.096l-3.492.507l3.492.508l-1.35 2.645l1.924-2.02c-.1 3.838-.123 4.782-.123 4.782s-8.613-4-3.826-12.838c0 0-5.97-6.591-.563-10.641c0 0-9.233 5.575-3.375 15.148c0 0-4.843-4.73-2.31-9.511c0 0-4.39 6.192.96 13.004c0 0-1.461-.897-2.755-4.334c0 0 .942 10.226 12.385 10.359h.228C27.051 27.866 28 17.641 28 17.641c-1.317 3.43-2.783 4.334-2.783 4.334c5.35-6.812.959-13.004.959-13.004c2.533 4.787-2.31 9.511-2.31 9.511C29.722 8.914 20.49 3.336 20.49 3.336c5.406 4.056-.562 10.639-.562 10.639c4.787 8.837-3.826 12.838-3.826 12.838s-.022-.944-.123-4.782l1.923 2.02l-1.35-2.645l3.495-.508l-3.494-.507l1.127-3.096l-1.752 2.56C15.804 14.961 15.492 3.1 15.486 3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m15.486 3l-.441 16.854l-1.752-2.561l1.127 3.096l-3.492.507l3.492.508l-1.35 2.645l1.924-2.02c-.1 3.838-.123 4.782-.123 4.782s-8.613-4-3.826-12.838c0 0-5.97-6.591-.563-10.641c0 0-9.233 5.575-3.375 15.148c0 0-4.843-4.73-2.31-9.511c0 0-4.39 6.192.96 13.004c0 0-1.461-.897-2.755-4.334c0 0 .942 10.226 12.385 10.359h.228C27.051 27.866 28 17.641 28 17.641c-1.317 3.43-2.783 4.334-2.783 4.334c5.35-6.812.959-13.004.959-13.004c2.533 4.787-2.31 9.511-2.31 9.511C29.722 8.914 20.49 3.336 20.49 3.336c5.406 4.056-.562 10.639-.562 10.639c4.787 8.837-3.826 12.838-3.826 12.838s-.022-.944-.123-4.782l1.923 2.02l-1.35-2.645l3.495-.508l-3.494-.507l1.127-3.096l-1.752 2.56C15.804 14.961 15.492 3.1 15.486 3"/></svg>
</template>

CSS

.icon-jedi-order {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.486%203l-.441%2016.854l-1.752-2.561l1.127%203.096l-3.492.507l3.492.508l-1.35%202.645l1.924-2.02c-.1%203.838-.123%204.782-.123%204.782s-8.613-4-3.826-12.838c0%200-5.97-6.591-.563-10.641c0%200-9.233%205.575-3.375%2015.148c0%200-4.843-4.73-2.31-9.511c0%200-4.39%206.192.96%2013.004c0%200-1.461-.897-2.755-4.334c0%200%20.942%2010.226%2012.385%2010.359h.228C27.051%2027.866%2028%2017.641%2028%2017.641c-1.317%203.43-2.783%204.334-2.783%204.334c5.35-6.812.959-13.004.959-13.004c2.533%204.787-2.31%209.511-2.31%209.511C29.722%208.914%2020.49%203.336%2020.49%203.336c5.406%204.056-.562%2010.639-.562%2010.639c4.787%208.837-3.826%2012.838-3.826%2012.838s-.022-.944-.123-4.782l1.923%202.02l-1.35-2.645l3.495-.508l-3.494-.507l1.127-3.096l-1.752%202.56C15.804%2014.961%2015.492%203.1%2015.486%203%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.486%203l-.441%2016.854l-1.752-2.561l1.127%203.096l-3.492.507l3.492.508l-1.35%202.645l1.924-2.02c-.1%203.838-.123%204.782-.123%204.782s-8.613-4-3.826-12.838c0%200-5.97-6.591-.563-10.641c0%200-9.233%205.575-3.375%2015.148c0%200-4.843-4.73-2.31-9.511c0%200-4.39%206.192.96%2013.004c0%200-1.461-.897-2.755-4.334c0%200%20.942%2010.226%2012.385%2010.359h.228C27.051%2027.866%2028%2017.641%2028%2017.641c-1.317%203.43-2.783%204.334-2.783%204.334c5.35-6.812.959-13.004.959-13.004c2.533%204.787-2.31%209.511-2.31%209.511C29.722%208.914%2020.49%203.336%2020.49%203.336c5.406%204.056-.562%2010.639-.562%2010.639c4.787%208.837-3.826%2012.838-3.826%2012.838s-.022-.944-.123-4.782l1.923%202.02l-1.35-2.645l3.495-.508l-3.494-.507l1.127-3.096l-1.752%202.56C15.804%2014.961%2015.492%203.1%2015.486%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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