dior logo

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

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

Use the dior logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.073 8.775h3.116c2.678 0 3.727 1.572 3.727 3.237c0 1.694-1.345 3.203-3.902 3.203H.078c-.054 0-.073-.034-.073-.063c0-.034.034-.063.082-.063h.549c.17 0 .281-.102.281-.291V9.202c0-.14-.068-.296-.291-.296H.068C.024 8.906 0 8.877 0 8.843c0-.029.01-.068.073-.068m1.946 6.14c0 .14.063.184.155.184H3c2.034 0 2.771-1.558 2.771-3.12S4.99 8.9 3.271 8.9H2.15c-.117 0-.126.097-.126.141zm5.207-6.14c-.048 0-.092.02-.092.058s.024.063.068.063h.548c.127 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.543c-.063 0-.068.05-.068.069s-.005.053.068.053h2.64c.039 0 .092-.005.092-.044s-.01-.077-.078-.077h-.51c-.072 0-.271-.044-.271-.267V9.168c0-.16.102-.267.286-.267h.5c.044 0 .068-.024.068-.058s-.024-.063-.083-.063c0-.005-2.64.01-2.63-.005m4.125 3.223c0-1.781.796-3.223 2.29-3.223c1.466 0 2.291 1.442 2.291 3.223s-.752 3.222-2.29 3.222c-1.49.005-2.29-1.441-2.29-3.222m2.29 3.358c2.126 0 3.465-1.504 3.465-3.354s-1.325-3.358-3.465-3.358c-2.135 0-3.465 1.504-3.465 3.354s1.383 3.358 3.465 3.358m10.26-.18c-.835.088-1.297-1.28-1.719-1.931c-.315-.48-.985-.97-1.645-1.068c1.087-.063 2.305-.412 2.305-1.645c0-1-.616-1.757-2.878-1.757H17.36c-.034 0-.068.02-.068.058s.034.063.068.063h.597c.126 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.587c-.048 0-.068.04-.068.059s.02.063.068.063h2.766c.039 0 .073-.02.073-.058s-.024-.063-.078-.063h-.558c-.073 0-.272-.049-.272-.267v-2.635h.287c1.368 0 1.47 1.485 2.15 2.334c.582.728 1.344.82 1.776.82c.184 0 .31-.005.427-.034c.073-.024.087-.15-.044-.136m-4.319-6.28h.403c.689 0 1.805.272 1.805 1.573c0 1.194-.99 1.597-1.907 1.597h-.587V9.168c0-.165.102-.271.286-.271"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsDior(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="M.073 8.775h3.116c2.678 0 3.727 1.572 3.727 3.237c0 1.694-1.345 3.203-3.902 3.203H.078c-.054 0-.073-.034-.073-.063c0-.034.034-.063.082-.063h.549c.17 0 .281-.102.281-.291V9.202c0-.14-.068-.296-.291-.296H.068C.024 8.906 0 8.877 0 8.843c0-.029.01-.068.073-.068m1.946 6.14c0 .14.063.184.155.184H3c2.034 0 2.771-1.558 2.771-3.12S4.99 8.9 3.271 8.9H2.15c-.117 0-.126.097-.126.141zm5.207-6.14c-.048 0-.092.02-.092.058s.024.063.068.063h.548c.127 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.543c-.063 0-.068.05-.068.069s-.005.053.068.053h2.64c.039 0 .092-.005.092-.044s-.01-.077-.078-.077h-.51c-.072 0-.271-.044-.271-.267V9.168c0-.16.102-.267.286-.267h.5c.044 0 .068-.024.068-.058s-.024-.063-.083-.063c0-.005-2.64.01-2.63-.005m4.125 3.223c0-1.781.796-3.223 2.29-3.223c1.466 0 2.291 1.442 2.291 3.223s-.752 3.222-2.29 3.222c-1.49.005-2.29-1.441-2.29-3.222m2.29 3.358c2.126 0 3.465-1.504 3.465-3.354s-1.325-3.358-3.465-3.358c-2.135 0-3.465 1.504-3.465 3.354s1.383 3.358 3.465 3.358m10.26-.18c-.835.088-1.297-1.28-1.719-1.931c-.315-.48-.985-.97-1.645-1.068c1.087-.063 2.305-.412 2.305-1.645c0-1-.616-1.757-2.878-1.757H17.36c-.034 0-.068.02-.068.058s.034.063.068.063h.597c.126 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.587c-.048 0-.068.04-.068.059s.02.063.068.063h2.766c.039 0 .073-.02.073-.058s-.024-.063-.078-.063h-.558c-.073 0-.272-.049-.272-.267v-2.635h.287c1.368 0 1.47 1.485 2.15 2.334c.582.728 1.344.82 1.776.82c.184 0 .31-.005.427-.034c.073-.024.087-.15-.044-.136m-4.319-6.28h.403c.689 0 1.805.272 1.805 1.573c0 1.194-.99 1.597-1.907 1.597h-.587V9.168c0-.165.102-.271.286-.271"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.073 8.775h3.116c2.678 0 3.727 1.572 3.727 3.237c0 1.694-1.345 3.203-3.902 3.203H.078c-.054 0-.073-.034-.073-.063c0-.034.034-.063.082-.063h.549c.17 0 .281-.102.281-.291V9.202c0-.14-.068-.296-.291-.296H.068C.024 8.906 0 8.877 0 8.843c0-.029.01-.068.073-.068m1.946 6.14c0 .14.063.184.155.184H3c2.034 0 2.771-1.558 2.771-3.12S4.99 8.9 3.271 8.9H2.15c-.117 0-.126.097-.126.141zm5.207-6.14c-.048 0-.092.02-.092.058s.024.063.068.063h.548c.127 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.543c-.063 0-.068.05-.068.069s-.005.053.068.053h2.64c.039 0 .092-.005.092-.044s-.01-.077-.078-.077h-.51c-.072 0-.271-.044-.271-.267V9.168c0-.16.102-.267.286-.267h.5c.044 0 .068-.024.068-.058s-.024-.063-.083-.063c0-.005-2.64.01-2.63-.005m4.125 3.223c0-1.781.796-3.223 2.29-3.223c1.466 0 2.291 1.442 2.291 3.223s-.752 3.222-2.29 3.222c-1.49.005-2.29-1.441-2.29-3.222m2.29 3.358c2.126 0 3.465-1.504 3.465-3.354s-1.325-3.358-3.465-3.358c-2.135 0-3.465 1.504-3.465 3.354s1.383 3.358 3.465 3.358m10.26-.18c-.835.088-1.297-1.28-1.719-1.931c-.315-.48-.985-.97-1.645-1.068c1.087-.063 2.305-.412 2.305-1.645c0-1-.616-1.757-2.878-1.757H17.36c-.034 0-.068.02-.068.058s.034.063.068.063h.597c.126 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.587c-.048 0-.068.04-.068.059s.02.063.068.063h2.766c.039 0 .073-.02.073-.058s-.024-.063-.078-.063h-.558c-.073 0-.272-.049-.272-.267v-2.635h.287c1.368 0 1.47 1.485 2.15 2.334c.582.728 1.344.82 1.776.82c.184 0 .31-.005.427-.034c.073-.024.087-.15-.044-.136m-4.319-6.28h.403c.689 0 1.805.272 1.805 1.573c0 1.194-.99 1.597-1.907 1.597h-.587V9.168c0-.165.102-.271.286-.271"/></svg>
</template>

CSS

.icon-dior {
  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%22M.073%208.775h3.116c2.678%200%203.727%201.572%203.727%203.237c0%201.694-1.345%203.203-3.902%203.203H.078c-.054%200-.073-.034-.073-.063c0-.034.034-.063.082-.063h.549c.17%200%20.281-.102.281-.291V9.202c0-.14-.068-.296-.291-.296H.068C.024%208.906%200%208.877%200%208.843c0-.029.01-.068.073-.068m1.946%206.14c0%20.14.063.184.155.184H3c2.034%200%202.771-1.558%202.771-3.12S4.99%208.9%203.271%208.9H2.15c-.117%200-.126.097-.126.141zm5.207-6.14c-.048%200-.092.02-.092.058s.024.063.068.063h.548c.127%200%20.248.088.248.33v5.577c0%20.116-.088.29-.243.29h-.543c-.063%200-.068.05-.068.069s-.005.053.068.053h2.64c.039%200%20.092-.005.092-.044s-.01-.077-.078-.077h-.51c-.072%200-.271-.044-.271-.267V9.168c0-.16.102-.267.286-.267h.5c.044%200%20.068-.024.068-.058s-.024-.063-.083-.063c0-.005-2.64.01-2.63-.005m4.125%203.223c0-1.781.796-3.223%202.29-3.223c1.466%200%202.291%201.442%202.291%203.223s-.752%203.222-2.29%203.222c-1.49.005-2.29-1.441-2.29-3.222m2.29%203.358c2.126%200%203.465-1.504%203.465-3.354s-1.325-3.358-3.465-3.358c-2.135%200-3.465%201.504-3.465%203.354s1.383%203.358%203.465%203.358m10.26-.18c-.835.088-1.297-1.28-1.719-1.931c-.315-.48-.985-.97-1.645-1.068c1.087-.063%202.305-.412%202.305-1.645c0-1-.616-1.757-2.878-1.757H17.36c-.034%200-.068.02-.068.058s.034.063.068.063h.597c.126%200%20.248.088.248.33v5.577c0%20.116-.088.29-.243.29h-.587c-.048%200-.068.04-.068.059s.02.063.068.063h2.766c.039%200%20.073-.02.073-.058s-.024-.063-.078-.063h-.558c-.073%200-.272-.049-.272-.267v-2.635h.287c1.368%200%201.47%201.485%202.15%202.334c.582.728%201.344.82%201.776.82c.184%200%20.31-.005.427-.034c.073-.024.087-.15-.044-.136m-4.319-6.28h.403c.689%200%201.805.272%201.805%201.573c0%201.194-.99%201.597-1.907%201.597h-.587V9.168c0-.165.102-.271.286-.271%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%22M.073%208.775h3.116c2.678%200%203.727%201.572%203.727%203.237c0%201.694-1.345%203.203-3.902%203.203H.078c-.054%200-.073-.034-.073-.063c0-.034.034-.063.082-.063h.549c.17%200%20.281-.102.281-.291V9.202c0-.14-.068-.296-.291-.296H.068C.024%208.906%200%208.877%200%208.843c0-.029.01-.068.073-.068m1.946%206.14c0%20.14.063.184.155.184H3c2.034%200%202.771-1.558%202.771-3.12S4.99%208.9%203.271%208.9H2.15c-.117%200-.126.097-.126.141zm5.207-6.14c-.048%200-.092.02-.092.058s.024.063.068.063h.548c.127%200%20.248.088.248.33v5.577c0%20.116-.088.29-.243.29h-.543c-.063%200-.068.05-.068.069s-.005.053.068.053h2.64c.039%200%20.092-.005.092-.044s-.01-.077-.078-.077h-.51c-.072%200-.271-.044-.271-.267V9.168c0-.16.102-.267.286-.267h.5c.044%200%20.068-.024.068-.058s-.024-.063-.083-.063c0-.005-2.64.01-2.63-.005m4.125%203.223c0-1.781.796-3.223%202.29-3.223c1.466%200%202.291%201.442%202.291%203.223s-.752%203.222-2.29%203.222c-1.49.005-2.29-1.441-2.29-3.222m2.29%203.358c2.126%200%203.465-1.504%203.465-3.354s-1.325-3.358-3.465-3.358c-2.135%200-3.465%201.504-3.465%203.354s1.383%203.358%203.465%203.358m10.26-.18c-.835.088-1.297-1.28-1.719-1.931c-.315-.48-.985-.97-1.645-1.068c1.087-.063%202.305-.412%202.305-1.645c0-1-.616-1.757-2.878-1.757H17.36c-.034%200-.068.02-.068.058s.034.063.068.063h.597c.126%200%20.248.088.248.33v5.577c0%20.116-.088.29-.243.29h-.587c-.048%200-.068.04-.068.059s.02.063.068.063h2.766c.039%200%20.073-.02.073-.058s-.024-.063-.078-.063h-.558c-.073%200-.272-.049-.272-.267v-2.635h.287c1.368%200%201.47%201.485%202.15%202.334c.582.728%201.344.82%201.776.82c.184%200%20.31-.005.427-.034c.073-.024.087-.15-.044-.136m-4.319-6.28h.403c.689%200%201.805.272%201.805%201.573c0%201.194-.99%201.597-1.907%201.597h-.587V9.168c0-.165.102-.271.286-.271%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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