500px icon
500px from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- 500px
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the 500px icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -2 24 24"><g fill="currentColor"><path d="M8.991 17.692c3.68 0 6.673-2.972 6.673-6.625S12.67 4.441 8.991 4.441a6.7 6.7 0 0 0-4.798 2.02v-5.34h9.178a.563.563 0 0 0 .564-.56a.56.56 0 0 0-.564-.561H3.628a.563.563 0 0 0-.564.56v7.453l-.007.136a.566.566 0 0 0 1.06.294a5.55 5.55 0 0 1 4.874-2.88c3.057 0 5.543 2.468 5.543 5.503s-2.486 5.504-5.543 5.504a5.56 5.56 0 0 1-2.844-.787v-4.716c0-1.558 1.276-2.825 2.844-2.825a2.837 2.837 0 0 1 2.844 2.825c0 1.557-1.275 2.824-2.844 2.824a2.8 2.8 0 0 1-1.095-.217a.566.566 0 0 0-.738.302a.56.56 0 0 0 .303.733c.486.201 1 .303 1.53.303c2.191 0 3.974-1.77 3.974-3.945c0-2.176-1.783-3.946-3.974-3.946c-2.19 0-3.973 1.77-3.973 3.946v3.832a5.46 5.46 0 0 1-1.37-2.366a.565.565 0 0 0-1.09.298c.795 2.862 3.44 4.861 6.433 4.861"/><path d="M5.598 2.833a.56.56 0 0 0-.287.74c.127.283.46.41.745.285c1.77-.78 5.248-1.596 8.647 1.715a.565.565 0 0 0 .8-.008a.56.56 0 0 0-.009-.793c-4.02-3.915-8.26-2.66-9.896-1.939M15.695 16.13a.567.567 0 0 0-.797.056a7.85 7.85 0 0 1-5.907 2.674c-3.98 0-7.322-2.957-7.773-6.878a.564.564 0 0 0-.625-.493a.56.56 0 0 0-.497.62c.516 4.488 4.34 7.873 8.895 7.873a8.98 8.98 0 0 0 6.76-3.06a.56.56 0 0 0-.056-.791zm-8.141-3.704a.565.565 0 0 0 .799.006l.58-.568l.572.575a.565.565 0 0 0 .798.006a.56.56 0 0 0 .006-.793l-.572-.576l.559-.547a.56.56 0 0 0 .005-.793a.567.567 0 0 0-.798-.006l-.559.548l-.551-.555a.567.567 0 0 0-.799-.006a.56.56 0 0 0-.005.793l.55.555l-.579.568a.56.56 0 0 0-.006.793"/></g></svg>
React
import type { SVGProps } from "react";
export function Jam500px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -2 24 24"><g fill="currentColor"><path d="M8.991 17.692c3.68 0 6.673-2.972 6.673-6.625S12.67 4.441 8.991 4.441a6.7 6.7 0 0 0-4.798 2.02v-5.34h9.178a.563.563 0 0 0 .564-.56a.56.56 0 0 0-.564-.561H3.628a.563.563 0 0 0-.564.56v7.453l-.007.136a.566.566 0 0 0 1.06.294a5.55 5.55 0 0 1 4.874-2.88c3.057 0 5.543 2.468 5.543 5.503s-2.486 5.504-5.543 5.504a5.56 5.56 0 0 1-2.844-.787v-4.716c0-1.558 1.276-2.825 2.844-2.825a2.837 2.837 0 0 1 2.844 2.825c0 1.557-1.275 2.824-2.844 2.824a2.8 2.8 0 0 1-1.095-.217a.566.566 0 0 0-.738.302a.56.56 0 0 0 .303.733c.486.201 1 .303 1.53.303c2.191 0 3.974-1.77 3.974-3.945c0-2.176-1.783-3.946-3.974-3.946c-2.19 0-3.973 1.77-3.973 3.946v3.832a5.46 5.46 0 0 1-1.37-2.366a.565.565 0 0 0-1.09.298c.795 2.862 3.44 4.861 6.433 4.861"/><path d="M5.598 2.833a.56.56 0 0 0-.287.74c.127.283.46.41.745.285c1.77-.78 5.248-1.596 8.647 1.715a.565.565 0 0 0 .8-.008a.56.56 0 0 0-.009-.793c-4.02-3.915-8.26-2.66-9.896-1.939M15.695 16.13a.567.567 0 0 0-.797.056a7.85 7.85 0 0 1-5.907 2.674c-3.98 0-7.322-2.957-7.773-6.878a.564.564 0 0 0-.625-.493a.56.56 0 0 0-.497.62c.516 4.488 4.34 7.873 8.895 7.873a8.98 8.98 0 0 0 6.76-3.06a.56.56 0 0 0-.056-.791zm-8.141-3.704a.565.565 0 0 0 .799.006l.58-.568l.572.575a.565.565 0 0 0 .798.006a.56.56 0 0 0 .006-.793l-.572-.576l.559-.547a.56.56 0 0 0 .005-.793a.567.567 0 0 0-.798-.006l-.559.548l-.551-.555a.567.567 0 0 0-.799-.006a.56.56 0 0 0-.005.793l.55.555l-.579.568a.56.56 0 0 0-.006.793"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -2 24 24"><g fill="currentColor"><path d="M8.991 17.692c3.68 0 6.673-2.972 6.673-6.625S12.67 4.441 8.991 4.441a6.7 6.7 0 0 0-4.798 2.02v-5.34h9.178a.563.563 0 0 0 .564-.56a.56.56 0 0 0-.564-.561H3.628a.563.563 0 0 0-.564.56v7.453l-.007.136a.566.566 0 0 0 1.06.294a5.55 5.55 0 0 1 4.874-2.88c3.057 0 5.543 2.468 5.543 5.503s-2.486 5.504-5.543 5.504a5.56 5.56 0 0 1-2.844-.787v-4.716c0-1.558 1.276-2.825 2.844-2.825a2.837 2.837 0 0 1 2.844 2.825c0 1.557-1.275 2.824-2.844 2.824a2.8 2.8 0 0 1-1.095-.217a.566.566 0 0 0-.738.302a.56.56 0 0 0 .303.733c.486.201 1 .303 1.53.303c2.191 0 3.974-1.77 3.974-3.945c0-2.176-1.783-3.946-3.974-3.946c-2.19 0-3.973 1.77-3.973 3.946v3.832a5.46 5.46 0 0 1-1.37-2.366a.565.565 0 0 0-1.09.298c.795 2.862 3.44 4.861 6.433 4.861"/><path d="M5.598 2.833a.56.56 0 0 0-.287.74c.127.283.46.41.745.285c1.77-.78 5.248-1.596 8.647 1.715a.565.565 0 0 0 .8-.008a.56.56 0 0 0-.009-.793c-4.02-3.915-8.26-2.66-9.896-1.939M15.695 16.13a.567.567 0 0 0-.797.056a7.85 7.85 0 0 1-5.907 2.674c-3.98 0-7.322-2.957-7.773-6.878a.564.564 0 0 0-.625-.493a.56.56 0 0 0-.497.62c.516 4.488 4.34 7.873 8.895 7.873a8.98 8.98 0 0 0 6.76-3.06a.56.56 0 0 0-.056-.791zm-8.141-3.704a.565.565 0 0 0 .799.006l.58-.568l.572.575a.565.565 0 0 0 .798.006a.56.56 0 0 0 .006-.793l-.572-.576l.559-.547a.56.56 0 0 0 .005-.793a.567.567 0 0 0-.798-.006l-.559.548l-.551-.555a.567.567 0 0 0-.799-.006a.56.56 0 0 0-.005.793l.55.555l-.579.568a.56.56 0 0 0-.006.793"/></g></svg> </template>
CSS
.icon-500px {
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%22-4%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.991%2017.692c3.68%200%206.673-2.972%206.673-6.625S12.67%204.441%208.991%204.441a6.7%206.7%200%200%200-4.798%202.02v-5.34h9.178a.563.563%200%200%200%20.564-.56a.56.56%200%200%200-.564-.561H3.628a.563.563%200%200%200-.564.56v7.453l-.007.136a.566.566%200%200%200%201.06.294a5.55%205.55%200%200%201%204.874-2.88c3.057%200%205.543%202.468%205.543%205.503s-2.486%205.504-5.543%205.504a5.56%205.56%200%200%201-2.844-.787v-4.716c0-1.558%201.276-2.825%202.844-2.825a2.837%202.837%200%200%201%202.844%202.825c0%201.557-1.275%202.824-2.844%202.824a2.8%202.8%200%200%201-1.095-.217a.566.566%200%200%200-.738.302a.56.56%200%200%200%20.303.733c.486.201%201%20.303%201.53.303c2.191%200%203.974-1.77%203.974-3.945c0-2.176-1.783-3.946-3.974-3.946c-2.19%200-3.973%201.77-3.973%203.946v3.832a5.46%205.46%200%200%201-1.37-2.366a.565.565%200%200%200-1.09.298c.795%202.862%203.44%204.861%206.433%204.861%22%2F%3E%3Cpath%20d%3D%22M5.598%202.833a.56.56%200%200%200-.287.74c.127.283.46.41.745.285c1.77-.78%205.248-1.596%208.647%201.715a.565.565%200%200%200%20.8-.008a.56.56%200%200%200-.009-.793c-4.02-3.915-8.26-2.66-9.896-1.939M15.695%2016.13a.567.567%200%200%200-.797.056a7.85%207.85%200%200%201-5.907%202.674c-3.98%200-7.322-2.957-7.773-6.878a.564.564%200%200%200-.625-.493a.56.56%200%200%200-.497.62c.516%204.488%204.34%207.873%208.895%207.873a8.98%208.98%200%200%200%206.76-3.06a.56.56%200%200%200-.056-.791zm-8.141-3.704a.565.565%200%200%200%20.799.006l.58-.568l.572.575a.565.565%200%200%200%20.798.006a.56.56%200%200%200%20.006-.793l-.572-.576l.559-.547a.56.56%200%200%200%20.005-.793a.567.567%200%200%200-.798-.006l-.559.548l-.551-.555a.567.567%200%200%200-.799-.006a.56.56%200%200%200-.005.793l.55.555l-.579.568a.56.56%200%200%200-.006.793%22%2F%3E%3C%2Fg%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%22-4%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.991%2017.692c3.68%200%206.673-2.972%206.673-6.625S12.67%204.441%208.991%204.441a6.7%206.7%200%200%200-4.798%202.02v-5.34h9.178a.563.563%200%200%200%20.564-.56a.56.56%200%200%200-.564-.561H3.628a.563.563%200%200%200-.564.56v7.453l-.007.136a.566.566%200%200%200%201.06.294a5.55%205.55%200%200%201%204.874-2.88c3.057%200%205.543%202.468%205.543%205.503s-2.486%205.504-5.543%205.504a5.56%205.56%200%200%201-2.844-.787v-4.716c0-1.558%201.276-2.825%202.844-2.825a2.837%202.837%200%200%201%202.844%202.825c0%201.557-1.275%202.824-2.844%202.824a2.8%202.8%200%200%201-1.095-.217a.566.566%200%200%200-.738.302a.56.56%200%200%200%20.303.733c.486.201%201%20.303%201.53.303c2.191%200%203.974-1.77%203.974-3.945c0-2.176-1.783-3.946-3.974-3.946c-2.19%200-3.973%201.77-3.973%203.946v3.832a5.46%205.46%200%200%201-1.37-2.366a.565.565%200%200%200-1.09.298c.795%202.862%203.44%204.861%206.433%204.861%22%2F%3E%3Cpath%20d%3D%22M5.598%202.833a.56.56%200%200%200-.287.74c.127.283.46.41.745.285c1.77-.78%205.248-1.596%208.647%201.715a.565.565%200%200%200%20.8-.008a.56.56%200%200%200-.009-.793c-4.02-3.915-8.26-2.66-9.896-1.939M15.695%2016.13a.567.567%200%200%200-.797.056a7.85%207.85%200%200%201-5.907%202.674c-3.98%200-7.322-2.957-7.773-6.878a.564.564%200%200%200-.625-.493a.56.56%200%200%200-.497.62c.516%204.488%204.34%207.873%208.895%207.873a8.98%208.98%200%200%200%206.76-3.06a.56.56%200%200%200-.056-.791zm-8.141-3.704a.565.565%200%200%200%20.799.006l.58-.568l.572.575a.565.565%200%200%200%20.798.006a.56.56%200%200%200%20.006-.793l-.572-.576l.559-.547a.56.56%200%200%200%20.005-.793a.567.567%200%200%200-.798-.006l-.559.548l-.551-.555a.567.567%200%200%200-.799-.006a.56.56%200%200%200-.005.793l.55.555l-.579.568a.56.56%200%200%200-.006.793%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/500px.svg?color=%231a73e8&size=48
