view 3d icon
view-3d from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- view-3d
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the view 3d icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M11.678 45.115c7.035 0 12.092-4.115 12.092-9.724c0-4.552-3.264-7.54-8.506-7.885v-.092c4.368-.736 7.08-3.655 7.08-7.747c0-4.966-4.505-8.552-10.758-8.552c-4.735 0-8.574 2.069-10.207 5.494c-.413.85-.62 1.632-.62 2.529c0 1.08.735 1.793 1.793 1.793s1.517-.39 1.862-1.471c.988-3.012 3.517-4.736 7.034-4.736c4.092 0 6.736 2.161 6.736 5.494c0 3.426-2.805 5.701-6.943 5.701H8.713c-1.08 0-1.793.667-1.793 1.725c0 1.034.712 1.724 1.793 1.724h2.574c5.104 0 8.138 2.16 8.138 6c0 3.54-3.15 6.046-7.7 6.046c-3.978 0-6.828-1.77-7.863-4.805c-.345-.988-.92-1.425-1.885-1.425C.782 35.184 0 35.92 0 37.115c0 .805.207 1.54.644 2.345c1.908 3.632 5.908 5.655 11.034 5.655m18.644-.575h9.425C50.047 44.54 56 38.402 56 28.035c0-10.368-5.954-16.368-16.253-16.368h-9.425c-1.264 0-2.069.827-2.069 2.114v28.621c0 1.31.805 2.138 2.069 2.138m2.092-3.77V15.39h7.057c7.886 0 12.276 4.598 12.276 12.667c0 8.115-4.39 12.713-12.276 12.713Z"/></svg>
React
import type { SVGProps } from "react";
export function F7View3d(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M11.678 45.115c7.035 0 12.092-4.115 12.092-9.724c0-4.552-3.264-7.54-8.506-7.885v-.092c4.368-.736 7.08-3.655 7.08-7.747c0-4.966-4.505-8.552-10.758-8.552c-4.735 0-8.574 2.069-10.207 5.494c-.413.85-.62 1.632-.62 2.529c0 1.08.735 1.793 1.793 1.793s1.517-.39 1.862-1.471c.988-3.012 3.517-4.736 7.034-4.736c4.092 0 6.736 2.161 6.736 5.494c0 3.426-2.805 5.701-6.943 5.701H8.713c-1.08 0-1.793.667-1.793 1.725c0 1.034.712 1.724 1.793 1.724h2.574c5.104 0 8.138 2.16 8.138 6c0 3.54-3.15 6.046-7.7 6.046c-3.978 0-6.828-1.77-7.863-4.805c-.345-.988-.92-1.425-1.885-1.425C.782 35.184 0 35.92 0 37.115c0 .805.207 1.54.644 2.345c1.908 3.632 5.908 5.655 11.034 5.655m18.644-.575h9.425C50.047 44.54 56 38.402 56 28.035c0-10.368-5.954-16.368-16.253-16.368h-9.425c-1.264 0-2.069.827-2.069 2.114v28.621c0 1.31.805 2.138 2.069 2.138m2.092-3.77V15.39h7.057c7.886 0 12.276 4.598 12.276 12.667c0 8.115-4.39 12.713-12.276 12.713Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M11.678 45.115c7.035 0 12.092-4.115 12.092-9.724c0-4.552-3.264-7.54-8.506-7.885v-.092c4.368-.736 7.08-3.655 7.08-7.747c0-4.966-4.505-8.552-10.758-8.552c-4.735 0-8.574 2.069-10.207 5.494c-.413.85-.62 1.632-.62 2.529c0 1.08.735 1.793 1.793 1.793s1.517-.39 1.862-1.471c.988-3.012 3.517-4.736 7.034-4.736c4.092 0 6.736 2.161 6.736 5.494c0 3.426-2.805 5.701-6.943 5.701H8.713c-1.08 0-1.793.667-1.793 1.725c0 1.034.712 1.724 1.793 1.724h2.574c5.104 0 8.138 2.16 8.138 6c0 3.54-3.15 6.046-7.7 6.046c-3.978 0-6.828-1.77-7.863-4.805c-.345-.988-.92-1.425-1.885-1.425C.782 35.184 0 35.92 0 37.115c0 .805.207 1.54.644 2.345c1.908 3.632 5.908 5.655 11.034 5.655m18.644-.575h9.425C50.047 44.54 56 38.402 56 28.035c0-10.368-5.954-16.368-16.253-16.368h-9.425c-1.264 0-2.069.827-2.069 2.114v28.621c0 1.31.805 2.138 2.069 2.138m2.092-3.77V15.39h7.057c7.886 0 12.276 4.598 12.276 12.667c0 8.115-4.39 12.713-12.276 12.713Z"/></svg> </template>
CSS
.icon-view-3d {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.678%2045.115c7.035%200%2012.092-4.115%2012.092-9.724c0-4.552-3.264-7.54-8.506-7.885v-.092c4.368-.736%207.08-3.655%207.08-7.747c0-4.966-4.505-8.552-10.758-8.552c-4.735%200-8.574%202.069-10.207%205.494c-.413.85-.62%201.632-.62%202.529c0%201.08.735%201.793%201.793%201.793s1.517-.39%201.862-1.471c.988-3.012%203.517-4.736%207.034-4.736c4.092%200%206.736%202.161%206.736%205.494c0%203.426-2.805%205.701-6.943%205.701H8.713c-1.08%200-1.793.667-1.793%201.725c0%201.034.712%201.724%201.793%201.724h2.574c5.104%200%208.138%202.16%208.138%206c0%203.54-3.15%206.046-7.7%206.046c-3.978%200-6.828-1.77-7.863-4.805c-.345-.988-.92-1.425-1.885-1.425C.782%2035.184%200%2035.92%200%2037.115c0%20.805.207%201.54.644%202.345c1.908%203.632%205.908%205.655%2011.034%205.655m18.644-.575h9.425C50.047%2044.54%2056%2038.402%2056%2028.035c0-10.368-5.954-16.368-16.253-16.368h-9.425c-1.264%200-2.069.827-2.069%202.114v28.621c0%201.31.805%202.138%202.069%202.138m2.092-3.77V15.39h7.057c7.886%200%2012.276%204.598%2012.276%2012.667c0%208.115-4.39%2012.713-12.276%2012.713Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.678%2045.115c7.035%200%2012.092-4.115%2012.092-9.724c0-4.552-3.264-7.54-8.506-7.885v-.092c4.368-.736%207.08-3.655%207.08-7.747c0-4.966-4.505-8.552-10.758-8.552c-4.735%200-8.574%202.069-10.207%205.494c-.413.85-.62%201.632-.62%202.529c0%201.08.735%201.793%201.793%201.793s1.517-.39%201.862-1.471c.988-3.012%203.517-4.736%207.034-4.736c4.092%200%206.736%202.161%206.736%205.494c0%203.426-2.805%205.701-6.943%205.701H8.713c-1.08%200-1.793.667-1.793%201.725c0%201.034.712%201.724%201.793%201.724h2.574c5.104%200%208.138%202.16%208.138%206c0%203.54-3.15%206.046-7.7%206.046c-3.978%200-6.828-1.77-7.863-4.805c-.345-.988-.92-1.425-1.885-1.425C.782%2035.184%200%2035.92%200%2037.115c0%20.805.207%201.54.644%202.345c1.908%203.632%205.908%205.655%2011.034%205.655m18.644-.575h9.425C50.047%2044.54%2056%2038.402%2056%2028.035c0-10.368-5.954-16.368-16.253-16.368h-9.425c-1.264%200-2.069.827-2.069%202.114v28.621c0%201.31.805%202.138%202.069%202.138m2.092-3.77V15.39h7.057c7.886%200%2012.276%204.598%2012.276%2012.667c0%208.115-4.39%2012.713-12.276%2012.713Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/view-3d.svg?color=%231a73e8&size=48
