Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Devicons · DiSmashingMagazine

Smashing Magazine icon

A free smashing magazine icon from Devicons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: vorillaz.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/devicons/smashing-magazine.json

components/icons/devicons-smashing-magazine.tsx

import * as React from "react";

/**
 * Smashing Magazine from Devicons (https://vorillaz.github.io/devicons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/devicons/smashing-magazine. Sized in em, colored by currentColor.
 */
export function DiSmashingMagazineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M22.622 5.145c0.394 0.161 0.788 0.52 0.977 0.869 0.116 0.224 0.717 2.777 3.118 13.205 0.323 1.389 0.582 2.732 0.582 2.992 0 0.564-0.188 0.968-0.636 1.371-0.358 0.331-0.555 0.403-2.365 0.833l-1.075 0.251 0.287-0.546c0.394-0.735 0.582-1.604 0.582-2.634 0-1.98-0.735-3.619-2.213-4.936-0.86-0.771-2.132-1.478-4.076-2.276-2.705-1.102-3.494-1.783-3.494-3.010 0.009-1.362 1.084-2.061 2.956-1.935 0.932 0.072 1.917 0.314 2.938 0.735 0.43 0.179 0.842 0.34 0.914 0.367 0.108 0.036 0.278-0.349 0.753-1.639 0.34-0.923 0.636-1.729 0.654-1.783 0.054-0.143-1.433-0.797-2.437-1.075-1.174-0.314-1.201-0.322-1.030-0.367 2.267-0.573 3.001-0.663 3.566-0.421zM10 8.155c-0.269 0.385-0.537 0.941-0.681 1.371-0.206 0.618-0.242 0.869-0.242 1.837 0 0.985 0.027 1.2 0.233 1.774 0.779 2.168 2.607 3.727 5.895 5.035 1.469 0.582 2.455 1.138 2.956 1.666 0.511 0.538 0.663 0.985 0.609 1.792-0.045 0.753-0.34 1.192-1.030 1.532-0.502 0.242-0.564 0.251-1.863 0.251-1.245 0-1.415-0.018-2.329-0.287-0.538-0.152-1.29-0.412-1.657-0.564-0.367-0.161-0.744-0.296-0.833-0.305-0.117-0.009-0.34 0.385-0.959 1.684-0.448 0.932-0.806 1.729-0.806 1.756 0 0.108 1.406 0.717 2.32 1.003 0.475 0.152 0.923 0.296 0.994 0.314 0.072 0.027-0.349 0.161-0.941 0.304-1.863 0.457-2.741 0.26-3.234-0.726-0.125-0.251-0.905-3.449-2.007-8.233-1.98-8.555-1.926-8.224-1.442-8.985 0.349-0.555 0.887-0.788 2.652-1.191 1.236-0.269 2.741-0.627 2.795-0.663 0.009-0.009-0.179 0.278-0.43 0.636z"
      />
    </svg>
  );
}

With react-icons

import { DiSmashingMagazine } from "react-icons/di";

export function Example() {
  return <DiSmashingMagazine className="size-5" />;
}

smashing-magazine.svg

<svg
  version="1.1"
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M22.622 5.145c0.394 0.161 0.788 0.52 0.977 0.869 0.116 0.224 0.717 2.777 3.118 13.205 0.323 1.389 0.582 2.732 0.582 2.992 0 0.564-0.188 0.968-0.636 1.371-0.358 0.331-0.555 0.403-2.365 0.833l-1.075 0.251 0.287-0.546c0.394-0.735 0.582-1.604 0.582-2.634 0-1.98-0.735-3.619-2.213-4.936-0.86-0.771-2.132-1.478-4.076-2.276-2.705-1.102-3.494-1.783-3.494-3.010 0.009-1.362 1.084-2.061 2.956-1.935 0.932 0.072 1.917 0.314 2.938 0.735 0.43 0.179 0.842 0.34 0.914 0.367 0.108 0.036 0.278-0.349 0.753-1.639 0.34-0.923 0.636-1.729 0.654-1.783 0.054-0.143-1.433-0.797-2.437-1.075-1.174-0.314-1.201-0.322-1.030-0.367 2.267-0.573 3.001-0.663 3.566-0.421zM10 8.155c-0.269 0.385-0.537 0.941-0.681 1.371-0.206 0.618-0.242 0.869-0.242 1.837 0 0.985 0.027 1.2 0.233 1.774 0.779 2.168 2.607 3.727 5.895 5.035 1.469 0.582 2.455 1.138 2.956 1.666 0.511 0.538 0.663 0.985 0.609 1.792-0.045 0.753-0.34 1.192-1.030 1.532-0.502 0.242-0.564 0.251-1.863 0.251-1.245 0-1.415-0.018-2.329-0.287-0.538-0.152-1.29-0.412-1.657-0.564-0.367-0.161-0.744-0.296-0.833-0.305-0.117-0.009-0.34 0.385-0.959 1.684-0.448 0.932-0.806 1.729-0.806 1.756 0 0.108 1.406 0.717 2.32 1.003 0.475 0.152 0.923 0.296 0.994 0.314 0.072 0.027-0.349 0.161-0.941 0.304-1.863 0.457-2.741 0.26-3.234-0.726-0.125-0.251-0.905-3.449-2.007-8.233-1.98-8.555-1.926-8.224-1.442-8.985 0.349-0.555 0.887-0.788 2.652-1.191 1.236-0.269 2.741-0.627 2.795-0.663 0.009-0.009-0.179 0.278-0.43 0.636z"
  />
</svg>

Attribution

"Smashing Magazine" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.

Similar Devicons icons