picture rounded icon

picture-rounded from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
picture-rounded
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

Related icons in Element Plus

picture-filled

Use the picture rounded icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 128a384 384 0 1 0 0 768a384 384 0 0 0 0-768m0-64a448 448 0 1 1 0 896a448 448 0 0 1 0-896"/><path fill="currentColor" d="M640 288q64 0 64 64t-64 64t-64-64t64-64M214.7 790.7l-45.4-45.4L355 559.7a96 96 0 0 1 123.7-10.2L617 648.2a32 32 0 0 0 39.8-2.2l249.9-223.6l42.6 47.7l-249.8 223.6a96 96 0 0 1-119.8 6.6l-138.2-98.8a32 32 0 0 0-41.2 3.5L214.7 790.6z"/></svg>

React

import type { SVGProps } from "react";

export function EpPictureRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 128a384 384 0 1 0 0 768a384 384 0 0 0 0-768m0-64a448 448 0 1 1 0 896a448 448 0 0 1 0-896"/><path fill="currentColor" d="M640 288q64 0 64 64t-64 64t-64-64t64-64M214.7 790.7l-45.4-45.4L355 559.7a96 96 0 0 1 123.7-10.2L617 648.2a32 32 0 0 0 39.8-2.2l249.9-223.6l42.6 47.7l-249.8 223.6a96 96 0 0 1-119.8 6.6l-138.2-98.8a32 32 0 0 0-41.2 3.5L214.7 790.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 128a384 384 0 1 0 0 768a384 384 0 0 0 0-768m0-64a448 448 0 1 1 0 896a448 448 0 0 1 0-896"/><path fill="currentColor" d="M640 288q64 0 64 64t-64 64t-64-64t64-64M214.7 790.7l-45.4-45.4L355 559.7a96 96 0 0 1 123.7-10.2L617 648.2a32 32 0 0 0 39.8-2.2l249.9-223.6l42.6 47.7l-249.8 223.6a96 96 0 0 1-119.8 6.6l-138.2-98.8a32 32 0 0 0-41.2 3.5L214.7 790.6z"/></svg>
</template>

CSS

.icon-picture-rounded {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20128a384%20384%200%201%200%200%20768a384%20384%200%200%200%200-768m0-64a448%20448%200%201%201%200%20896a448%20448%200%200%201%200-896%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20288q64%200%2064%2064t-64%2064t-64-64t64-64M214.7%20790.7l-45.4-45.4L355%20559.7a96%2096%200%200%201%20123.7-10.2L617%20648.2a32%2032%200%200%200%2039.8-2.2l249.9-223.6l42.6%2047.7l-249.8%20223.6a96%2096%200%200%201-119.8%206.6l-138.2-98.8a32%2032%200%200%200-41.2%203.5L214.7%20790.6z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20128a384%20384%200%201%200%200%20768a384%20384%200%200%200%200-768m0-64a448%20448%200%201%201%200%20896a448%20448%200%200%201%200-896%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%20288q64%200%2064%2064t-64%2064t-64-64t64-64M214.7%20790.7l-45.4-45.4L355%20559.7a96%2096%200%200%201%20123.7-10.2L617%20648.2a32%2032%200%200%200%2039.8-2.2l249.9-223.6l42.6%2047.7l-249.8%20223.6a96%2096%200%200%201-119.8%206.6l-138.2-98.8a32%2032%200%200%200-41.2%203.5L214.7%20790.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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