run view icon icon
run-view-icon from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.
- Name
- run-view-icon
- Set
- Carbon
- Style
- Outline
- Category
- Organization
- Viewbox
- 32×32
- License
- Apache 2.0
More organization icons from Carbon
Use the run view icon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.48 14.12l-20-11A1.004 1.004 0 0 0 7 4v11h2V5.69L25.92 15l-7.04 3.88l1.47 1.47l8.13-4.47c.17-.1.3-.23.4-.4c.26-.48.09-1.09-.4-1.36M13.975 26H16v-2h-2v-1.5c0-.028-.004-.054-.004-.082l2.711-2.71l-1.414-1.415l-1.837 1.837C12.568 18.282 10.683 17 8.5 17s-4.068 1.282-4.955 3.13l-1.838-1.837l-1.414 1.414l2.711 2.711L3 22.5V24H1v2h2.026c.04.44.133.863.27 1.267l-2.85 1.901l1.109 1.664l2.722-1.815a5.49 5.49 0 0 0 8.447 0l2.721 1.815l1.11-1.664l-2.851-1.9a5.5 5.5 0 0 0 .27-1.268M8.5 19c1.391 0 2.585.822 3.15 2h-6.3a3.5 3.5 0 0 1 3.15-2m0 10C6.57 29 5 27.43 5 25.5V23h7v2.5c0 1.93-1.57 3.5-3.5 3.5"/></svg>
React
import type { SVGProps } from "react";
export function CarbonRunViewIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.48 14.12l-20-11A1.004 1.004 0 0 0 7 4v11h2V5.69L25.92 15l-7.04 3.88l1.47 1.47l8.13-4.47c.17-.1.3-.23.4-.4c.26-.48.09-1.09-.4-1.36M13.975 26H16v-2h-2v-1.5c0-.028-.004-.054-.004-.082l2.711-2.71l-1.414-1.415l-1.837 1.837C12.568 18.282 10.683 17 8.5 17s-4.068 1.282-4.955 3.13l-1.838-1.837l-1.414 1.414l2.711 2.711L3 22.5V24H1v2h2.026c.04.44.133.863.27 1.267l-2.85 1.901l1.109 1.664l2.722-1.815a5.49 5.49 0 0 0 8.447 0l2.721 1.815l1.11-1.664l-2.851-1.9a5.5 5.5 0 0 0 .27-1.268M8.5 19c1.391 0 2.585.822 3.15 2h-6.3a3.5 3.5 0 0 1 3.15-2m0 10C6.57 29 5 27.43 5 25.5V23h7v2.5c0 1.93-1.57 3.5-3.5 3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.48 14.12l-20-11A1.004 1.004 0 0 0 7 4v11h2V5.69L25.92 15l-7.04 3.88l1.47 1.47l8.13-4.47c.17-.1.3-.23.4-.4c.26-.48.09-1.09-.4-1.36M13.975 26H16v-2h-2v-1.5c0-.028-.004-.054-.004-.082l2.711-2.71l-1.414-1.415l-1.837 1.837C12.568 18.282 10.683 17 8.5 17s-4.068 1.282-4.955 3.13l-1.838-1.837l-1.414 1.414l2.711 2.711L3 22.5V24H1v2h2.026c.04.44.133.863.27 1.267l-2.85 1.901l1.109 1.664l2.722-1.815a5.49 5.49 0 0 0 8.447 0l2.721 1.815l1.11-1.664l-2.851-1.9a5.5 5.5 0 0 0 .27-1.268M8.5 19c1.391 0 2.585.822 3.15 2h-6.3a3.5 3.5 0 0 1 3.15-2m0 10C6.57 29 5 27.43 5 25.5V23h7v2.5c0 1.93-1.57 3.5-3.5 3.5"/></svg> </template>
CSS
.icon-run-view-icon {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28.48%2014.12l-20-11A1.004%201.004%200%200%200%207%204v11h2V5.69L25.92%2015l-7.04%203.88l1.47%201.47l8.13-4.47c.17-.1.3-.23.4-.4c.26-.48.09-1.09-.4-1.36M13.975%2026H16v-2h-2v-1.5c0-.028-.004-.054-.004-.082l2.711-2.71l-1.414-1.415l-1.837%201.837C12.568%2018.282%2010.683%2017%208.5%2017s-4.068%201.282-4.955%203.13l-1.838-1.837l-1.414%201.414l2.711%202.711L3%2022.5V24H1v2h2.026c.04.44.133.863.27%201.267l-2.85%201.901l1.109%201.664l2.722-1.815a5.49%205.49%200%200%200%208.447%200l2.721%201.815l1.11-1.664l-2.851-1.9a5.5%205.5%200%200%200%20.27-1.268M8.5%2019c1.391%200%202.585.822%203.15%202h-6.3a3.5%203.5%200%200%201%203.15-2m0%2010C6.57%2029%205%2027.43%205%2025.5V23h7v2.5c0%201.93-1.57%203.5-3.5%203.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28.48%2014.12l-20-11A1.004%201.004%200%200%200%207%204v11h2V5.69L25.92%2015l-7.04%203.88l1.47%201.47l8.13-4.47c.17-.1.3-.23.4-.4c.26-.48.09-1.09-.4-1.36M13.975%2026H16v-2h-2v-1.5c0-.028-.004-.054-.004-.082l2.711-2.71l-1.414-1.415l-1.837%201.837C12.568%2018.282%2010.683%2017%208.5%2017s-4.068%201.282-4.955%203.13l-1.838-1.837l-1.414%201.414l2.711%202.711L3%2022.5V24H1v2h2.026c.04.44.133.863.27%201.267l-2.85%201.901l1.109%201.664l2.722-1.815a5.49%205.49%200%200%200%208.447%200l2.721%201.815l1.11-1.664l-2.851-1.9a5.5%205.5%200%200%200%20.27-1.268M8.5%2019c1.391%200%202.585.822%203.15%202h-6.3a3.5%203.5%200%200%201%203.15-2m0%2010C6.57%2029%205%2027.43%205%2025.5V23h7v2.5c0%201.93-1.57%203.5-3.5%203.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/run-view-icon.svg?color=%231a73e8&size=48
