jasmine logo

jasmine from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
jasmine
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

jasmine-wordmark

The same logo in other sets

jasmineSVG LogosjasmineSimple Icons

Use the jasmine logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#8a4182" d="M64 0a64 64 0 1 0 64 64A64 64 0 0 0 64 0m7.571 13.405a50.615 50.615 0 0 1 42.697 49.992a50.615 50.615 0 0 1-50.615 50.625v-.01A50.615 50.615 0 1 1 71.57 13.405Zm-15.24 9.386v26.3l2.608 3.353h9.653l2.444-3.353v-26.3Zm30.217 5.394L74.82 44.325l3.243 2.356L89.79 30.54zm-45.161.002l-3.244 2.355L49.87 46.681l3.243-2.355zM28.09 43.415l-4.552 13.978l25.022 8.13l3.989-1.441l2.985-9.183l-2.434-3.363zm71.403 0l-25.012 8.12l-2.382 3.508l2.985 9.193l3.937 1.288l25.022-8.13zm-14.992 23.88l-1.239 3.81l18.973 6.166l1.238-3.81zm-41.57.002l-18.973 6.165l1.238 3.81l18.973-6.164zm10.884.527l-3.937 1.269l-15.47 21.289l11.902 8.64l15.451-21.29l-.133-4.234zm19.807.04L65.8 73.54v4.152L81.26 98.97l11.891-8.64l-15.46-21.278ZM61.526 83.418v19.95h4.008v-19.95Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconJasmine(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#8a4182" d="M64 0a64 64 0 1 0 64 64A64 64 0 0 0 64 0m7.571 13.405a50.615 50.615 0 0 1 42.697 49.992a50.615 50.615 0 0 1-50.615 50.625v-.01A50.615 50.615 0 1 1 71.57 13.405Zm-15.24 9.386v26.3l2.608 3.353h9.653l2.444-3.353v-26.3Zm30.217 5.394L74.82 44.325l3.243 2.356L89.79 30.54zm-45.161.002l-3.244 2.355L49.87 46.681l3.243-2.355zM28.09 43.415l-4.552 13.978l25.022 8.13l3.989-1.441l2.985-9.183l-2.434-3.363zm71.403 0l-25.012 8.12l-2.382 3.508l2.985 9.193l3.937 1.288l25.022-8.13zm-14.992 23.88l-1.239 3.81l18.973 6.166l1.238-3.81zm-41.57.002l-18.973 6.165l1.238 3.81l18.973-6.164zm10.884.527l-3.937 1.269l-15.47 21.289l11.902 8.64l15.451-21.29l-.133-4.234zm19.807.04L65.8 73.54v4.152L81.26 98.97l11.891-8.64l-15.46-21.278ZM61.526 83.418v19.95h4.008v-19.95Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#8a4182" d="M64 0a64 64 0 1 0 64 64A64 64 0 0 0 64 0m7.571 13.405a50.615 50.615 0 0 1 42.697 49.992a50.615 50.615 0 0 1-50.615 50.625v-.01A50.615 50.615 0 1 1 71.57 13.405Zm-15.24 9.386v26.3l2.608 3.353h9.653l2.444-3.353v-26.3Zm30.217 5.394L74.82 44.325l3.243 2.356L89.79 30.54zm-45.161.002l-3.244 2.355L49.87 46.681l3.243-2.355zM28.09 43.415l-4.552 13.978l25.022 8.13l3.989-1.441l2.985-9.183l-2.434-3.363zm71.403 0l-25.012 8.12l-2.382 3.508l2.985 9.193l3.937 1.288l25.022-8.13zm-14.992 23.88l-1.239 3.81l18.973 6.166l1.238-3.81zm-41.57.002l-18.973 6.165l1.238 3.81l18.973-6.164zm10.884.527l-3.937 1.269l-15.47 21.289l11.902 8.64l15.451-21.29l-.133-4.234zm19.807.04L65.8 73.54v4.152L81.26 98.97l11.891-8.64l-15.46-21.278ZM61.526 83.418v19.95h4.008v-19.95Z"/></svg>
</template>

CSS

.icon-jasmine {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%238a4182%22%20d%3D%22M64%200a64%2064%200%201%200%2064%2064A64%2064%200%200%200%2064%200m7.571%2013.405a50.615%2050.615%200%200%201%2042.697%2049.992a50.615%2050.615%200%200%201-50.615%2050.625v-.01A50.615%2050.615%200%201%201%2071.57%2013.405Zm-15.24%209.386v26.3l2.608%203.353h9.653l2.444-3.353v-26.3Zm30.217%205.394L74.82%2044.325l3.243%202.356L89.79%2030.54zm-45.161.002l-3.244%202.355L49.87%2046.681l3.243-2.355zM28.09%2043.415l-4.552%2013.978l25.022%208.13l3.989-1.441l2.985-9.183l-2.434-3.363zm71.403%200l-25.012%208.12l-2.382%203.508l2.985%209.193l3.937%201.288l25.022-8.13zm-14.992%2023.88l-1.239%203.81l18.973%206.166l1.238-3.81zm-41.57.002l-18.973%206.165l1.238%203.81l18.973-6.164zm10.884.527l-3.937%201.269l-15.47%2021.289l11.902%208.64l15.451-21.29l-.133-4.234zm19.807.04L65.8%2073.54v4.152L81.26%2098.97l11.891-8.64l-15.46-21.278ZM61.526%2083.418v19.95h4.008v-19.95Z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%238a4182%22%20d%3D%22M64%200a64%2064%200%201%200%2064%2064A64%2064%200%200%200%2064%200m7.571%2013.405a50.615%2050.615%200%200%201%2042.697%2049.992a50.615%2050.615%200%200%201-50.615%2050.625v-.01A50.615%2050.615%200%201%201%2071.57%2013.405Zm-15.24%209.386v26.3l2.608%203.353h9.653l2.444-3.353v-26.3Zm30.217%205.394L74.82%2044.325l3.243%202.356L89.79%2030.54zm-45.161.002l-3.244%202.355L49.87%2046.681l3.243-2.355zM28.09%2043.415l-4.552%2013.978l25.022%208.13l3.989-1.441l2.985-9.183l-2.434-3.363zm71.403%200l-25.012%208.12l-2.382%203.508l2.985%209.193l3.937%201.288l25.022-8.13zm-14.992%2023.88l-1.239%203.81l18.973%206.166l1.238-3.81zm-41.57.002l-18.973%206.165l1.238%203.81l18.973-6.164zm10.884.527l-3.937%201.269l-15.47%2021.289l11.902%208.64l15.451-21.29l-.133-4.234zm19.807.04L65.8%2073.54v4.152L81.26%2098.97l11.891-8.64l-15.46-21.278ZM61.526%2083.418v19.95h4.008v-19.95Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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