dji logo

dji from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
dji
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the dji logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.2 7.8a717 717 0 0 0-1.232 4.63c-.202.772-.401 1.544-.634 2.308c-.226.743-.504 1.535-.91 2.21c-.422.703-.969 1.253-1.726 1.604q-.451.206-.939.306q-.691.136-1.394.165c-1.163.065-3.628.056-4.79.056l.713-2.64c.539 0 1.078.002 1.617-.013c.52-.014 1.092-.042 1.605-.163c.56-.133.984-.36 1.355-.817c.337-.416.564-.935.75-1.424c.34-.893.688-2.173.934-3.093c.277-1.041.544-2.085.812-3.129zm4.8 0l-2.072 7.68h-3.84l2.073-7.68ZM11.339 4.92h3.84q-.603 2.25-1.212 4.496c-.283 1.044-.565 2.088-.872 3.124c-.135.452-.269.903-.445 1.342c-.141.352-.3.666-.591.93a1.9 1.9 0 0 1-.734.405c-.356.112-.717.154-1.085.184c-.53.043-1.06.054-1.591.063q-2.987.03-5.974-.001a21 21 0 0 1-.954-.034a5 5 0 0 1-.632-.07a2 2 0 0 1-.412-.119c-.44-.192-.664-.575-.677-1.043q0-.396.093-.78c.076-.367.171-.728.265-1.09c.179-.691.506-1.966.762-2.638c.2-.526.464-1.05.966-1.382c.28-.186.576-.285.901-.35c.241-.05.483-.075.728-.093c.41-.03.82-.04 1.23-.047q.873-.013 1.748-.015L8.148 7.8h1.454l-.518 1.92c-.864 0-1.728-.002-2.593.003c-.252.001-.504 0-.756.016a1 1 0 0 0-.264.042c-.113.04-.17.11-.22.213c-.073.15-.115.31-.162.468a85 85 0 0 0-.503 1.857q-.054.21-.1.42q-.034.148-.05.298c-.01.11-.014.242.053.345c.068.103.182.127.29.143c.12.018.241.021.363.025q.298.008.597.008q.816.004 1.633 0c.25-.002.501-.004.752-.014c.173-.007.343-.013.513-.054c.13-.031.23-.08.318-.186q.084-.107.133-.235c.088-.209.15-.425.213-.641c.245-.83.466-1.665.692-2.499l.675-2.503l.67-2.505h3.84z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsDji(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="M19.2 7.8a717 717 0 0 0-1.232 4.63c-.202.772-.401 1.544-.634 2.308c-.226.743-.504 1.535-.91 2.21c-.422.703-.969 1.253-1.726 1.604q-.451.206-.939.306q-.691.136-1.394.165c-1.163.065-3.628.056-4.79.056l.713-2.64c.539 0 1.078.002 1.617-.013c.52-.014 1.092-.042 1.605-.163c.56-.133.984-.36 1.355-.817c.337-.416.564-.935.75-1.424c.34-.893.688-2.173.934-3.093c.277-1.041.544-2.085.812-3.129zm4.8 0l-2.072 7.68h-3.84l2.073-7.68ZM11.339 4.92h3.84q-.603 2.25-1.212 4.496c-.283 1.044-.565 2.088-.872 3.124c-.135.452-.269.903-.445 1.342c-.141.352-.3.666-.591.93a1.9 1.9 0 0 1-.734.405c-.356.112-.717.154-1.085.184c-.53.043-1.06.054-1.591.063q-2.987.03-5.974-.001a21 21 0 0 1-.954-.034a5 5 0 0 1-.632-.07a2 2 0 0 1-.412-.119c-.44-.192-.664-.575-.677-1.043q0-.396.093-.78c.076-.367.171-.728.265-1.09c.179-.691.506-1.966.762-2.638c.2-.526.464-1.05.966-1.382c.28-.186.576-.285.901-.35c.241-.05.483-.075.728-.093c.41-.03.82-.04 1.23-.047q.873-.013 1.748-.015L8.148 7.8h1.454l-.518 1.92c-.864 0-1.728-.002-2.593.003c-.252.001-.504 0-.756.016a1 1 0 0 0-.264.042c-.113.04-.17.11-.22.213c-.073.15-.115.31-.162.468a85 85 0 0 0-.503 1.857q-.054.21-.1.42q-.034.148-.05.298c-.01.11-.014.242.053.345c.068.103.182.127.29.143c.12.018.241.021.363.025q.298.008.597.008q.816.004 1.633 0c.25-.002.501-.004.752-.014c.173-.007.343-.013.513-.054c.13-.031.23-.08.318-.186q.084-.107.133-.235c.088-.209.15-.425.213-.641c.245-.83.466-1.665.692-2.499l.675-2.503l.67-2.505h3.84z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.2 7.8a717 717 0 0 0-1.232 4.63c-.202.772-.401 1.544-.634 2.308c-.226.743-.504 1.535-.91 2.21c-.422.703-.969 1.253-1.726 1.604q-.451.206-.939.306q-.691.136-1.394.165c-1.163.065-3.628.056-4.79.056l.713-2.64c.539 0 1.078.002 1.617-.013c.52-.014 1.092-.042 1.605-.163c.56-.133.984-.36 1.355-.817c.337-.416.564-.935.75-1.424c.34-.893.688-2.173.934-3.093c.277-1.041.544-2.085.812-3.129zm4.8 0l-2.072 7.68h-3.84l2.073-7.68ZM11.339 4.92h3.84q-.603 2.25-1.212 4.496c-.283 1.044-.565 2.088-.872 3.124c-.135.452-.269.903-.445 1.342c-.141.352-.3.666-.591.93a1.9 1.9 0 0 1-.734.405c-.356.112-.717.154-1.085.184c-.53.043-1.06.054-1.591.063q-2.987.03-5.974-.001a21 21 0 0 1-.954-.034a5 5 0 0 1-.632-.07a2 2 0 0 1-.412-.119c-.44-.192-.664-.575-.677-1.043q0-.396.093-.78c.076-.367.171-.728.265-1.09c.179-.691.506-1.966.762-2.638c.2-.526.464-1.05.966-1.382c.28-.186.576-.285.901-.35c.241-.05.483-.075.728-.093c.41-.03.82-.04 1.23-.047q.873-.013 1.748-.015L8.148 7.8h1.454l-.518 1.92c-.864 0-1.728-.002-2.593.003c-.252.001-.504 0-.756.016a1 1 0 0 0-.264.042c-.113.04-.17.11-.22.213c-.073.15-.115.31-.162.468a85 85 0 0 0-.503 1.857q-.054.21-.1.42q-.034.148-.05.298c-.01.11-.014.242.053.345c.068.103.182.127.29.143c.12.018.241.021.363.025q.298.008.597.008q.816.004 1.633 0c.25-.002.501-.004.752-.014c.173-.007.343-.013.513-.054c.13-.031.23-.08.318-.186q.084-.107.133-.235c.088-.209.15-.425.213-.641c.245-.83.466-1.665.692-2.499l.675-2.503l.67-2.505h3.84z"/></svg>
</template>

CSS

.icon-dji {
  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%22M19.2%207.8a717%20717%200%200%200-1.232%204.63c-.202.772-.401%201.544-.634%202.308c-.226.743-.504%201.535-.91%202.21c-.422.703-.969%201.253-1.726%201.604q-.451.206-.939.306q-.691.136-1.394.165c-1.163.065-3.628.056-4.79.056l.713-2.64c.539%200%201.078.002%201.617-.013c.52-.014%201.092-.042%201.605-.163c.56-.133.984-.36%201.355-.817c.337-.416.564-.935.75-1.424c.34-.893.688-2.173.934-3.093c.277-1.041.544-2.085.812-3.129zm4.8%200l-2.072%207.68h-3.84l2.073-7.68ZM11.339%204.92h3.84q-.603%202.25-1.212%204.496c-.283%201.044-.565%202.088-.872%203.124c-.135.452-.269.903-.445%201.342c-.141.352-.3.666-.591.93a1.9%201.9%200%200%201-.734.405c-.356.112-.717.154-1.085.184c-.53.043-1.06.054-1.591.063q-2.987.03-5.974-.001a21%2021%200%200%201-.954-.034a5%205%200%200%201-.632-.07a2%202%200%200%201-.412-.119c-.44-.192-.664-.575-.677-1.043q0-.396.093-.78c.076-.367.171-.728.265-1.09c.179-.691.506-1.966.762-2.638c.2-.526.464-1.05.966-1.382c.28-.186.576-.285.901-.35c.241-.05.483-.075.728-.093c.41-.03.82-.04%201.23-.047q.873-.013%201.748-.015L8.148%207.8h1.454l-.518%201.92c-.864%200-1.728-.002-2.593.003c-.252.001-.504%200-.756.016a1%201%200%200%200-.264.042c-.113.04-.17.11-.22.213c-.073.15-.115.31-.162.468a85%2085%200%200%200-.503%201.857q-.054.21-.1.42q-.034.148-.05.298c-.01.11-.014.242.053.345c.068.103.182.127.29.143c.12.018.241.021.363.025q.298.008.597.008q.816.004%201.633%200c.25-.002.501-.004.752-.014c.173-.007.343-.013.513-.054c.13-.031.23-.08.318-.186q.084-.107.133-.235c.088-.209.15-.425.213-.641c.245-.83.466-1.665.692-2.499l.675-2.503l.67-2.505h3.84z%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%22M19.2%207.8a717%20717%200%200%200-1.232%204.63c-.202.772-.401%201.544-.634%202.308c-.226.743-.504%201.535-.91%202.21c-.422.703-.969%201.253-1.726%201.604q-.451.206-.939.306q-.691.136-1.394.165c-1.163.065-3.628.056-4.79.056l.713-2.64c.539%200%201.078.002%201.617-.013c.52-.014%201.092-.042%201.605-.163c.56-.133.984-.36%201.355-.817c.337-.416.564-.935.75-1.424c.34-.893.688-2.173.934-3.093c.277-1.041.544-2.085.812-3.129zm4.8%200l-2.072%207.68h-3.84l2.073-7.68ZM11.339%204.92h3.84q-.603%202.25-1.212%204.496c-.283%201.044-.565%202.088-.872%203.124c-.135.452-.269.903-.445%201.342c-.141.352-.3.666-.591.93a1.9%201.9%200%200%201-.734.405c-.356.112-.717.154-1.085.184c-.53.043-1.06.054-1.591.063q-2.987.03-5.974-.001a21%2021%200%200%201-.954-.034a5%205%200%200%201-.632-.07a2%202%200%200%201-.412-.119c-.44-.192-.664-.575-.677-1.043q0-.396.093-.78c.076-.367.171-.728.265-1.09c.179-.691.506-1.966.762-2.638c.2-.526.464-1.05.966-1.382c.28-.186.576-.285.901-.35c.241-.05.483-.075.728-.093c.41-.03.82-.04%201.23-.047q.873-.013%201.748-.015L8.148%207.8h1.454l-.518%201.92c-.864%200-1.728-.002-2.593.003c-.252.001-.504%200-.756.016a1%201%200%200%200-.264.042c-.113.04-.17.11-.22.213c-.073.15-.115.31-.162.468a85%2085%200%200%200-.503%201.857q-.054.21-.1.42q-.034.148-.05.298c-.01.11-.014.242.053.345c.068.103.182.127.29.143c.12.018.241.021.363.025q.298.008.597.008q.816.004%201.633%200c.25-.002.501-.004.752-.014c.173-.007.343-.013.513-.054c.13-.031.23-.08.318-.186q.084-.107.133-.235c.088-.209.15-.425.213-.641c.245-.83.466-1.665.692-2.499l.675-2.503l.67-2.505h3.84z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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